[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

Background Colours

Excerpt

This tutorial explains how to change background colours in Theme Builder 1.6...

Note: If the page background appears light grey after installing Theme Builder, restart Confluence to ensure the plugin is properly initialised.

Page Background

By default Theme Builder sets the page background to white (#ffffff in hexadecimal). Should you wish to change the colour, search for the following in the CSS Custom Styles box:

No Format
/* white page background - Confluence 2.1.2 bug */

td.pagecontent, td.pagebody, div.wiki-content, div.content {
background-color: #FFFFFF;
border-style: none;
}

Change the #FFFFFF to whichever colour you require (see this colour chart for a list of colours).

Document Background

The document background is the area surrounding the white part of the page.

To change the document background, add a style similar to the following to the CSS Custom Styles box:

No Format
body {
background-color: #f00;
}

In the example above, the panels either side of the page would be set to a red background colour.