Change the colour......

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

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;
}

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??

Very few psychics available.

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

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.

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?

can't see it with down for maintenance.

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

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:```php

Well thanx alot gjh42 that sorted the problem:clap:

Great stuff!!!

Just like with other programs, there's lots of ways to "fix" css in Zen.

The quickest way to eliminate the offending background and (IMHO) make the site look "cleaner" could have been to remove background-image, -position, and -repeat from the mainWrapper call on line 174 of the css. This also allows the use of separate backgrounds for each of the side columns.

I had to do strange things to my laptop to even see the gray. :huh:

Yes, in this case, eliminating the #mainWrapper background and cutting the image to place the appropriate parts in #navColumnOne & Two would have been a better solution.

THANKS GLENN! It worked for me too! Just what I was looking for!

Vince