7 replies to this topic

[svabodesign]

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

Please Login or Register to see this Hidden Content

[batman]

Hi
Please try for example:

Please Login or Register to see this Hidden Content

Use "background" NO "background-color"

[svabodesign]

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]

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.

Please Login or Register to see this Hidden Content

[svabodesign]

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]

Hi
You can try with

Please Login or Register to see this Hidden Content

I said you background for your first code
#two-sidebar-center {
background-color: #6BB99A;
}

[svabodesign]

It worked perfect Thank you!

[mackenzie]

The topic was marked as resolved.