Style the theme with custom CSS

New HTML structure

We have renamed classes and IDs of HTML elements in RefinedWiki Original Theme 3.0 to make our theme more compatible with other third party plugins. Please take a look at the HTML skeleton below to see the new structure.

Firebug

A good tool for working with CSS is Firebug which is a plugin for Firefox

Global level

Go to: Confluence Admin > Look and Feel > Stylesheet > Edit
This will affect all pages in the entire wiki.

Space level

Go to: Browse > Space Admin > Look and Feel > Stylesheet > Edit
This will affect all pages in the active space.

HTML Skeleton

 This is the RefinedWiki Original Theme HTML skeleton. All ID's and classes starting with rw_ is RefinedWiki elements.

 

Examples

Hide Breadcrumbs
Hide power by fotter
Hide dashboard button
Labels:
  1. Apr 30, 2012

    Hi,

    I would like to be able to modify the number of breadcrumbs at the front and at the back of the breadcrumb and where the breadcrumb starts from.

    Is it possible to provide some insight to what the code for the breadcrumbs is at the moment and how to change it.

    Thanks, Mick

    1. May 01, 2012

      Hi Michael, 

      The breadcrumbs are included with this method #originaltheme_breadcrumbs() and it's not possible to change it with the design editor. So I'm afraid the answer is no. 

  2. May 16, 2012

    Is it possible to change headings styles?  For example underline the h2. heading.

    1. May 16, 2012

      Yes, use this code: