#gkLeft centire column in a different color

Hi

I want to do the whole left column (#gkLeft) in a different (not white) color, and I want that color to extend the whole height of the page.

I have applied the following code to the layout.css file:

Code: Select all

#gkLeft { background: #e8e9e9;
 }

However, I want the grey color of the left column to extend all teh height of the page (although the content in the main column of the center is longer than the content in the left column). You cam see what I mean at: http://www.vispro.co/usa (user and pass "vispro"). If you see the homepage, the grey background behind the Upcoming Matched Calendar on the left covers only the module space, but I want to cover the whole column, even if there are not more modules there.

How can I achieve that?

Regards

Hi

Such effect can only be achived by using a background image but set for a main layer not just a column.

Ok, how can I change the background color of the entire #Page?
Ive tried to change the template.css from

Code: Select all

#gkPage { background: #fff; border-bottom: 4px solid #d35209; }

to

Code: Select all

#gkPage { background: #c6c6c6; border-bottom: 4px solid #d35209; }

But the page remains white. Ive enev tried to add that code into layout.css and overide.css.

It seems that its reading the white background from somewhere else (as displayed by Firebug), but Ive checked all the css and cannot find it.

Thank you in advance

Hi

You got it ok. The only issue can be css compression. Try disable it and just to be sure add "!important" rule at the end of this line. Use override.css and remember to allow using of this file in template settings.