How to change a wrappers border color?

On my front page, , I have all out categories in the center of the page with category images.

The wrapper I have used for this is the “sidebox important” wrapper.

Only problem is that the gray color that is wrapping around each image is way to light. Id like to be able to darken it up, I just cant find where the code is that controls the color of it?

Can anyone give me a little advice?


css for sidebox

[color=#000000][font=Consolas,].sidebox-important-wrapper .sidebox-body[/font][/color][color=#000000][font=Consolas,] {[/font][/color]

background: #color url(images/sb_cat_body_bg.png) 0 0 repeat -x;


or if you do not require a gradient fill use just: background: #color;

You need to choose solid #color and edit the sb_cat_body_bg.png (this is currently a gradient fill).

Hope this helps.


Just try changing .sidebox-important-wrapper .sidebox-body to:

.sidebox-important-wrapper .sidebox-body {
background: none repeat scroll 0 0 #666666;

You'll also want to do:

.sidebox-body a:link, .sidebox-body a:visited, .sidebox-body a:active {
color: #FFFFFF;