Jump to content


Photo

Change content container bg and font


  • Please log in to reply
3 replies to this topic

#1 bradelle

bradelle

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 29 July 2011 - 09:43 PM

I need to change the content area... just the part that varies from page to page. Everything else needs to stay the same, including the header, sidebar, and footer. My goal is to give a white background and dark text to the content area that's directly below the menu and goes all the way down to the "back to top" area. What containers do I need to change? I have tried a few things for instance I changed this: #maincontent { background: #000; border-top: 1px solid #333; border-right: 1px solid #282828; float: left; margin-right:-1px; position: relative; width: 639px; } To this: #maincontent { background: #ffffff; border-top: 1px solid #333; border-right: 1px solid #282828; float: left; margin-right:-1px; position: relative; width: 639px; } and put it in the custom code. It changed part of the area but not all of it. What containers do I need to edit to accomplish this?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 July 2011 - 03:56 PM

Can you post a link to your site so I can provide an example? Also, have you tried using Firebug to determine what containers/selectors to use?

#3 bradelle

bradelle

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 01 August 2011 - 06:31 PM

Catrina, Thanks for the reply. I installed Firebug and it's helpful but I'm still having trouble. Here is a link to a sample page on my site: http://72-hour-kit-l...-hour-kit-list/ To make the content white I updated the custom code as follows: div.textcontent{background: #FFFFFF; color: #000000} That is a start, but of course it doesn't look right so I need to make that whole area around the copy white as well. I figured if I did the same update for some of the outer containers it would work. But, when I update some of the divs such as "postwrap fix" or "maincontent" with background: #FFFFFF; nothing happens. It stays the same. Any ideas?

#4 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 01 August 2011 - 10:28 PM

I think what you want is: #maincontent, .copy { background: white !important }