Colors+-+change+background+color

include page="zStyle_bground_yellow" include page="zStyle_font_tahoma"You can change the default WikiSpaces background colour on a page.

To do this on your own Wikispace, use the following steps: code 
 * 1) You need to create a new blank page: this will contain some embedded Javascript that overrides the standard stylesheet to give you the colour you require. I generally use a page name of the form zStyle_bground_colorname, as it keeps them together at the end of the pagelist.
 * 2) Click the Embedded Media Tool [[image:http://themes.wikispaces.com/s/rte/images/embed.gif]] and select 'Other HTML'.
 * 3) Paste the following code into the new window that appears: (This example will change the page colour to yellow. You can, of course, choose your own.)

document.write(' div#content_view {background-color: Yellow;} <\/style>')

code Now save the code, then save the page.

Now open the page you want to apply the new font to, edit it, and insert the following: code include page="zStyle_bground_yellow" code (Use the name of the page you created if it's not zStyle_bground_yellow!) You can place this WikiTag anywhere on the page: I'd suggest either right at the top or right at the bottom for clarity.

Please note that you won't see the results in the preview window - you need to save the page to see the new colour in place. And if you want to know how this page uses Tahoma and not Arial, look here.

1189272804

Here are some ways to play with the colours of a single page

all but the corners use //#container .field//
code 
 * works except for the corner which are little images (eg. bTL.gif etc) that round the corners of the content....

document.write(' #container .field { background-color: #00ffaa; }.<\/style>')

document.write(' body { background-color: #00aaaa; }.<\/style>')

code

thin white border solution //.innerContentBox//
code 
 * still has a border...

document.write(' .innerContentBox { background-color: #f7f7cc; }.<\/style>')

document.write(' body { background-color: #f5f5f5; }.<\/style>')

code 1335538486