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 »

[SOLVED] Different Background Colors on Specific Pages


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 Apr 7, 2010, 11:02 AM
charlton
 
25 posts · Jul 2009
Is it possible to set different background colors on specific pages?

I'm thinking I can probably do this via Add HTML/CSS Inserts, but what selectors should I use and how do I reference the specific pages that require this alternative colour scheme?

Looks like I need to change the body, center column, right sidebar and footer background colors of at least four pages.
  #2  
Old Apr 7, 2010, 12:08 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
Check out this thread on the forum.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 7, 2010, 12:26 PM
charlton
 
25 posts · Jul 2009
Excellent. Thank You.

That takes care of the body and center column backgrounds.

body.page-id-382 {
background: #56000F;
}

Now I just need selectors for the footer and right sidebar. I tried footer.page-id-382 {background:#56000F;} but no luck. And the right sidebar is a real mystery.
  #4  
Old Apr 7, 2010, 01:23 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
How about td#right for the right sidebar and td#footer for the footer? At least that's what Firebug gave me.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Apr 7, 2010, 01:33 PM
charlton
 
25 posts · Jul 2009
Thanks Larry;

I just tried:

body.page-id-382 {
background: #56000F;
}

td#footer.page-id-382 {
background-color: #56000F;
}

td#right.page-id-382 {
background-color: #56000F;
}

but still, the footer and side bar remain unchanged. Am I using the page selector wrong I wonder?

I really appreciate your help with this. Firebug. Why didn't I think of that. I will keep working away at it.
  #6  
Old Apr 7, 2010, 01:41 PM
charlton
 
25 posts · Jul 2009
Yup, in Firebug, I can change those values and it works fine, so somehow I must not be using the page selector correctly.
  #7  
Old Apr 7, 2010, 02:09 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
If you want them the sidebar and footer to be the same color as the background just take out the background color CSS in the ATO>Style & Configure SIDEBARS and the ATO>Style and Edit FOOTER sections or maybe !important needs to be added to the CSS such as
HTML Code:
td#footer.page-id-382 {
background-color: #56000F !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Apr 7, 2010, 02:24 PM
charlton
 
25 posts · Jul 2009
That was it!

Figures, I was using too much code.

I was setting the background colour for both the footer and the sidebar in the ATO settings when I didn't have to. The whole thing can easily be set using the body background alone leaving the footer and sidebar transparent.

The page specific changes to the body background colour now deal with all of these elements.

Perfect. Thank you so much for your help.



John

Bookmarks

Tags
background color, css styling

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Two different background colors for a home and all other subpages cab262 Center area post/pages 2 Mar 31, 2010 10:37 AM
How to put specific SWF files on specific pages as header images? kippiper Header configuration & styling 2 Dec 10, 2009 08:23 AM
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


All times are GMT -6. The time now is 03:10 PM.


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