Jump to content


Photo
- - - - -
Resolved

Website having two background colors

sidebar margin background-color

This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 19 September 2012 - 05:39 PM

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



#2 batman

batman

    Bat Learning

  • Members

  • 2167 posts

Posted 19 September 2012 - 05:52 PM

Hi
Please try for example:

Please Login or Register to see this Hidden Content


Use "background" NO "background-color"

#3 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 19 September 2012 - 07:13 PM

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?

#4 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 19 September 2012 - 09:07 PM

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



#5 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 19 September 2012 - 09:36 PM

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

#6 batman

batman

    Bat Learning

  • Members

  • 2167 posts

Posted 19 September 2012 - 11:21 PM

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

#7 svabodesign

svabodesign

    Advanced Member

  • Members
  • 43 posts

Posted 20 September 2012 - 12:34 PM

It worked perfect :) Thank you!

#8 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts

Posted 23 September 2012 - 01:30 PM

The topic was marked as resolved.