Theme Builder Plugin

[All Adaptavist Apps]

Page tree

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

How do I change the background colours?

This tutorial answers a fequently asked question regarding background colours...

As you can see from the page you're looking at now, there are two "background" colours - the white "page" background and the greyish "document" background that appears either side of the page.

Page Background

By default the Builder theme sets the page background to white (that's #ffffff in hexadecimal).

If you've forgotten to restart

Unknown macro: {confluence}

after installing the Builder theme you'll almost certainly see an ugly light grey background (and the menu bar will be all bunched up in the left of the page). Simply restart

and the page backgrounds should turn white.

Should you wish to change the colour, search for the following in the CSS Custom Styles box:

/* 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.

Document Background

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

body {
background-color: #ff0000;
}

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

  • No labels