Jump to content
bradelle

Change content container bg and font

Recommended Posts

bradelle

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?

Share this post


Link to post
Share on other sites
catrina

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?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
bradelle

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-list.com/72-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?

Share this post


Link to post
Share on other sites
kastelic

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×