Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Pages with different colors


  #1  
Old Mar 16, 2012, 04:35 PM
yukoner
 
48 posts · Jan 2012
I would like to have different colors on some of my pages.

e.g. Home page has an image but some pages are to have a black background.

How can I do that please?

Norm
  #2  
Old Mar 16, 2012, 05:55 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use the FireBug extension in FireFox to see what CSS is being used to set the background. Then on the pages you want to change it use 'body.page-id-nn' to prefix the rest of the selector. nn is the id of the page.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 16, 2012, 06:25 PM
yukoner
 
48 posts · Jan 2012
Thanks Juggledad. I appreciate your time.

This is what I see with Firebug

<body class="page page-id-114 page-template-default">

I am not well versed in this at all so I'm not sure where I should put what as I don't know what to use as a selector for the background for each page and where to put this.

i.e. body.page-id-114 background: #000000;

Last edited by yukoner; Mar 16, 2012 at 07:01 PM.
  #4  
Old Mar 16, 2012, 07:18 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You need to take a tutorial for CSS (htmldog.com has a good one)

You need to put it in the 'CSS Inserts' (ato->add HTML/CSS Inserts) in the format
HTML Code:
body.page-id-114 {background: #000000;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Mar 16, 2012, 07:49 PM
yukoner
 
48 posts · Jan 2012
Thanks again Juggledad.
Not only for the help, but for the suggestion of and link to a good CSS tutorial site

Norm
  #6  
Old Mar 18, 2012, 07:25 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I just happened to be looking at a plugin for that function recently. Here is a link.
__________________
~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.
  #7  
Old Mar 18, 2012, 07:31 PM
yukoner
 
48 posts · Jan 2012
Thanks lmilesw.

Norm
  #8  
Old Mar 22, 2012, 07:53 AM
pakelly
 
10 posts · Mar 2012
Hi,
Great help here, thanks! However, this changes the background behind the page and I'm trying to change the color of a page. Is there a code for this?
Thanks!
Paul
  #9  
Old Mar 22, 2012, 08:57 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
actually it changes the page, you want to change the container. This is doable but move involved because the containor has multiple parts - header, left sidebar, middle, right sidebar, footer - and all of them can have their color set.

You would still use the body.page-id-nnn selector but then add
body.page-id-nnn #container ...
body.page-id-nnn #header
body.page-id-nnn #left
etc etc. The best way to find them all is use FireBug in FireFox and change the colors for each area so you get them all.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Problems changing colors on links in pages/posts sleenie Center area post/pages 1 Sep 2, 2011 06:53 PM
[SOLVED] Different Background Colors on Specific Pages charlton Atahualpa 3 Wordpress theme 7 Apr 7, 2010 02:24 PM
Different Colors for Body in Posts vs. Pages Radical Randi Atahualpa 3 Wordpress theme 1 Dec 4, 2009 11:12 AM
Setting background colors dstorm Atahualpa 3 Wordpress theme 5 Oct 11, 2009 09:57 AM
Comment colors aren't right... Kiyobi Comments, trackbacks & pings 1 Apr 6, 2009 10:03 AM


All times are GMT -6. The time now is 07:12 PM.


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