How to change the background color keeping the central block white

[antonidg]

Hi everyone, I'm literally getting crazy cause I need to modify a theme, but I can't do it properly. I was able to insert a picture writing that in global.css:

 

 

body {

background-color: #000;

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center;

background-image:url('../img/mypic.jpg');

background-repeat:repeat-x;

 

but unfortunately, the result is the picture everywhere!!! I need the central column to be white!!! How can I do it? Would be really glad if someone could tell me.

 

Anya

[Flaunt]

This is because the centre columns and right & left columns are essentially transparent.

 

One way of changing this is to go to your global.css and find this section around line 41:

 

#page {}
#header {z-index:10}
#columns {z-index:1}
 #left_column {}
 #center_column {}
 #right_column {}
#footer {}

 

And add in between {} your background colour code.

[Prescol]

Also there is a problem with the css property float that makes the background of columns container invisible. If this is the problem you must add just before the end div tag of columns container:

<p class="clear"></p>

[SincoMart]

... or add your desired content background color to your global css file where it defines your columns within the page structure definitions (about line 43). See example below.

/* ************************************************************************************************
 struture
************************************************************************************************ */
#page {}
#header {z-index:10; height:135px}
#columns {z-index:1; background:#fff}
 #left_column {}
 #center_column {}
 #right_column {}
#footer {height:100px}

/* ************************************************************************************************
 generic style
************************************************************************************************ */

Edited March 9, 2013 by SincoMart (see edit history)