Jump to content
Sign in to follow this  
cmecorner

Different background colors for different Pages

Recommended Posts

cmecorner

Hi Adam. I am working on the background color in Pages and am using the code above. The color for the 1st page (The original 92 post) is blue, but the other pages are not changing color. Do you have any insight to why this is happening? http://www.cmecorner.com/wp/osteoporosis_edition http://www.cmecorner.com/wp/osteoporosis_edition_page2 http://www.cmecorner.com/wp/osteoporosis_edition_page3 Code is below: body.page-id-92, body.page-id-92.fixed_width { background: #00335b; } body.page-id-252, body.page-id-252.fixed_width { background: #00335b; } body.page-id-254, body.page-id-254.fixed_width { background: #00335b; } body.page-id-255, body.page-id-255.fixed_width { background: #00335b; } body.page-id-257, body.page-id-257.fixed_width { background: #00335b; } body.page-id-257, body.page-id-267.fixed_width { background: #00335b; } Thanks! Annie

Share this post


Link to post
Share on other sites
kastelic
body.page-id-92, body.page-id-92.fixed_width {
	background: #00335b;
	}
	
	body.page-id-103, body.page-id-103.fixed_width {
	background: #545454;
	}
	

is all I see in your Custom CSS regarding background colors. Are you sure you don't have a syntax error somewhere in your CSS?

Share this post


Link to post
Share on other sites
cmecorner

Jimmy, here is everything in my custom css if you would like to take a look. Thanks! .post-nav, .previous, .next{display:none} .authcomment { background-color: #B3FFCC !important; } .com?­mentlist li.authcomment {background-color: #B3FFCC !important; } body #header .content {background: url( buddypress_header2.jpg) no-repeat;} .branding_wrap{height:30px;} .wp-admin-bar{display:none} .main-nav{display:none} .callout_copy{text-align:center; width:924px;} #comment-16.alt { background:#cadbe9; } body.page-id-103, body.page-id-103.fixed_width { background: #545454; } body.page-id-114, body.page-id-114.post-footer{display:none} body.page-id-114, body.page-id-114.copy-pad{display:none} body.page-id-114, body.page-id-114.sharebar{display:none} body.page-id-92, body.page-id-92.fixed_width { background: #00335b; } body.page-id-252, body.page-id-252.fixed_width { background: #00335b; } body.page-id-254, body.page-id-254.fixed_width { background: #00335b; } body.page-id-255, body.page-id-255.fixed_width { background: #00335b; } body.page-id-257, body.page-id-257.fixed_width { background: #00335b; } body.page-id-257, body.page-id-267.fixed_width { background: #00335b; } body.page-id-257, body.page-id-267.full_width { background: #00335b; }

Share this post


Link to post
Share on other sites
cmunns

the problem is that you need a space before fixed-width e.g. ` body.page-id-252, body.page-id-252 .fixed_width { background: #00335b; } `

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

Sign in to follow this  

×