Change the colour......

[TrulieBliss]

Hi all im wanting to change the colour of the center colum where it says welcome guest because my pictures have a white background. My background at the moment is gray but im wanting my pics to blend in with the background, i want it on the product info pages to but want to keep the right and left colum in the gray colour. I know its something to do with the stylesheet but cant seem to find it can anyone help with this 1?

Thanks

[stevesh]

You can find this in your stylesheet, and separate the .center column out and add background-color:#XXXXXX;


.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

so:

.centerColumn {
padding: 0.8em;
background-color:#XXXXXX;
}

[TrulieBliss]

Hi, thanx for that its going in the right direction but it only goes half way down the page so the bottom half is still gray??

[dbltoe]

<SOAPBOX>
Unless you have a 100% guaranteed STOCK template, no one can adequately address your problem (or many others presented in the forum) without the URL of your site.
</SOAPBOX>

Very few psychics available.

[TrulieBliss]

Hi, here is the web link to my site: www.truliebliss.com
Thanx

[dbltoe]

around lines 246 and 258 in your stylesheet, you have a background color and image. Removing the color will stop the gray from showing at startup.

If you don't use firefox as a browser, I would get it along with the firebug add-on. They can be an invaluable tool in fixing these kind of things.

[TrulieBliss]

Hi, ive done as you said but it is still the same, it only seems to be with the new products of the month on, its fine when lookin at a product but does the same when looking at the sub cats?

[dbltoe]

can't see it with down for maintenance.

try using firebug to inspect the area you are trying to fix.

[gjh42]

One shortcoming of the standard template coding is that there is no way to address the center <td> element uniquely. If you edit /includes/templates/your_template/common/tpl_main_page.php in this area:

<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
    <td valign="top">

to add an id to the <td>, you can style the entire center section in your stylesheet.

<div id="navColumnOneWrapper" style="width: <?php echo BOX_WIDTH_LEFT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?></div></td>
<?php
}
?>
    <td id="centerColumn" valign="top">

#centerColumn {background-color: #aabbcc;}

[TrulieBliss]

Well thanx alot gjh42 that sorted the problem

Great stuff!!!