Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Change background colors for each individual page


  #1  
Old Mar 29, 2009, 12:12 PM
wing23
 
6 posts · Mar 2009
Does anyone have an idea how to change the background color of individual pages content?

It would need to override the themes CSS somehow??

Thanks
  #2  
Old Mar 30, 2009, 02:35 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
This is possible since 3.3

Add a HTML/CSS Inserts -> CSS Insert

HTML Code:
body#body-page-XX div.post {
background: #123456;
}
Or to change only the post body, without header, footer...
HTML Code:
body#body-page-XX div.post-bodycopy {
background: #123456;
}
Replace XX with the ID of the page in question
  #3  
Old Aug 11, 2009, 08:24 AM
vito
 
7 posts · Aug 2009
Hi,
is this still possible?

I'm using 3.4.1 and I'd like to style every page individually. --> color or background image.

Nothing changed after inserting

body#body-page-84 div.post {
background: #000000;
}

into "CSS inserts".

But:
The following works - almost - fine. It displays the image inside the post area.


div#post-84 {
background: url(/testumgebung/wp-content/themes/atahualpa/images/test/da-vinci-vitruvian-man_1280.jpg) no-repeat;
}

Any ideas?

Thank you!! Best, Vito
  #4  
Old Aug 11, 2009, 09:40 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
as of 3.4, body-page-XX is now page-id-XX
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 12, 2009, 05:01 AM
vito
 
7 posts · Aug 2009
Then this "CSS insertion" should have effect, shouldn't it?

body#page-id-84 {
background: url(/testumgebung/wp-content/themes/atahualpa/images/test/da-vinci-vitruvian-man_1280.jpg) no-repeat;
}

Intention: individual background image on a special page.
  #6  
Old Aug 13, 2009, 10:29 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Well, does it work or not?
  #7  
Old Aug 13, 2009, 01:29 PM
vito
 
7 posts · Aug 2009
No, it doesn't work.
  #8  
Old Aug 15, 2009, 05:08 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Look into the browser rendered source code (Browser -> View Source) to see if you have <body class="page-id-84 ..."

View yourdomain.com/testumgebung/wp-content/themes/atahualpa/images/test/da-vinci-vitruvian-man_1280.jpg in the browser to see if it exists at that location

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu background color : 2 colors possible? Len Page & Category Menu Bars 1 Jun 17, 2009 02:31 PM
widget different background colors ciocchi Sidebars & Widgets 2 May 26, 2009 01:35 AM
Change background color of individual widgets Photokitchen Sidebars & Widgets 4 May 9, 2009 06:55 AM
Page Menu Background colors won't change? RStouff Page & Category Menu Bars 0 Mar 24, 2009 01:21 PM
How do I change the home page top menu text and background box colors? bella123 Page & Category Menu Bars 4 Feb 13, 2009 08:07 AM


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


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