[SOLVED] Two different background colors for a home and all other subpages
2 Attachment(s)
Does anyone know of a mechanism where I can have a background color for td id="middle" for the "home" page but another background color for all other subpages?
If I target the ids for the specific post pages and add html css inserts, it doesn't style the entire container with the color, just the text inside td id="middle" area. I did try this: div#post-7{ background:none repeat scroll 0 0 #ffffff; color:#000000; font-family:trebuchet,tahoma,arial,sans-serif; font-size:0.8em; margin:0; padding:0; text-align:left; } but it only styles whatever text happens to be there, no the entire cell. I added two images to demonstrate the desired effect I am going for. |
try this
HTML Code:
#middle {background: red;} |
Thanks. That was the direction I needed. I also added:
#middle {background: #FFFFFF;} #right {background: #FFFFFF;} body.home #middle {background: #00395A; color: #FFFFFF;} body.home #right {background: #00395A; color: #FFFFFF;} To control the right side area as well. |
All times are GMT -6. The time now is 01:54 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.