Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Two different background colors for a home and all other subpages


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 29, 2010, 05:07 PM
cab262
 
89 posts · Dec 2009
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.
Attached Thumbnails
Click image for larger version

Name:	home.png
Views:	477
Size:	68.7 KB
ID:	445  Click image for larger version

Name:	subpage.png
Views:	459
Size:	72.7 KB
ID:	446  
  #2  
Old Mar 29, 2010, 05:35 PM
juggledad's Avatar
juggledad
 
22,176 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try this
HTML Code:
#middle {background: red;}
body.home #middle {background: blue;}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 31, 2010, 10:37 AM
cab262
 
89 posts · Dec 2009
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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Setting background colors dstorm Atahualpa 3 Wordpress theme 5 Oct 11, 2009 09:57 AM
Widget Background Colors tim5046 Sidebars & Widgets 1 Jul 16, 2009 06:11 PM
widget different background colors ciocchi Sidebars & Widgets 2 May 26, 2009 12:35 AM
Changing calendar background colors and links pltrace Page & Category Menu Bars 4 Feb 28, 2009 08:59 AM
How do I change the home page top menu text and background box colors? bella123 Page & Category Menu Bars 4 Feb 13, 2009 07:07 AM


All times are GMT -6. The time now is 10:23 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.