Resolved Website having two background colors

[svabodesign 0]

I have been trying so that my site have two background colors. The content will have white, while either the sidebars or the margin have another color. On PageLines Layout Editor I have customized so that the content area is 1148px, so it is space for margin. But when I use Firebug I can't find any margin css code.

So I tried to give the sidebars background color instead. I saw that on Firebug my sites name for the class for the sidebars are two-sidebar-center. So on custom code I added the code:

#two-sidebar-center {

background-color: #6BB99A;

}

Nothing happened. What is missing? Am I on the right direction or am I lost?

My site is http://www.sailubju.com/blog/

[batman 389]

Hi

Please try for example:

ul.sidebar_widgets { background: #6BB99A;}

Use "background" NO "background-color"

[svabodesign 0]

It worked, thank you

Where am I suppose to use "background" NO "background-color" ?

The sidebars though are not completely to the edge, what can I do to move the sidebars to the edges of the site. Would it also be difficult to you add background color to the margin instead?

[James B 436]

Hi there, I'm glad Batman's solution worked for you. In order to get the sidebar to move right to the edge of the page you'll need to take the padding out of the content-pad on the left.

#content .content-pad {

    padding-left: 0;

}

[svabodesign 0]

James B, I added the code and the sidebars moved closer to the edge but not completely. Is there something more I need to do?

I appreciate all the help

[batman 389]

Hi

You can try with

body.fixed_width #page, body.fixed_width #footer, body.canvas .page-canvas {

width: 100%;}

I said you background for your first code

#two-sidebar-center {

background-color: #6BB99A;

}

[svabodesign 0]

It worked perfect Thank you!

[mackenzie 12]

The topic was marked as resolved.