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 » Header configuration & styling »

Different background image for a single post and page


  #1  
Old Jan 10, 2010, 05:24 AM
wll
 
12 posts · Jan 2010
Someone got the css code?

I found something relative: http://forum.bytesforall.com/showthr...nd+single+post
  #2  
Old Jan 10, 2010, 06:00 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see post#6 of that thread, that is the code, just put it in ATO->Add HTML/CSS Inserts->CSS Inserts
You will have to know the page ID you want it to work on. This can be found by viewing that page in your browser, viewing the source and searching for '<body'. You will see the page id there.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 10, 2010, 06:03 AM
wll
 
12 posts · Jan 2010
You mean like this:

div.post-6 {
background: url(/wp-content/themes/atahualpa/images/bg2.jpg) repeat top left
}
  #4  
Old Jan 10, 2010, 06:06 AM
wll
 
12 posts · Jan 2010
It seems the background image appears in the post. I mean the background image of the body. Is this possible?
  #5  
Old Jan 10, 2010, 07:17 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sorry, use 'body.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
  #6  
Old Jan 10, 2010, 07:57 AM
wll
 
12 posts · Jan 2010
Thanks alot! It works

The final code is for pages:

body.page-id-2 {
background: url(/wp-content/themes/atahualpa/images/logo.jpg)
}


Do you also know the code for post?
  #7  
Old Jan 10, 2010, 10:04 AM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well the simple code would be
HTML Code:
div.post-6 {
background: url(/wp-content/themes/atahualpa/images/bg2.jpg) repeat top left
}
but say you wanted bg5.jpg for post 6 when on the home page you woud code
HTML Code:
body.home div.post-6 {
background: url(/wp-content/themes/atahualpa/images/bg2.jpg) repeat top left
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Sep 18, 2012, 05:57 PM
mattdans
 
1 posts · Sep 2012
First, thank you for having this conversation. It is quite helpful on my side. Thanks!

The code works and below is what I have in the style.css under body {...}

HTML Code:
body.page-id-1137 {
background: url(/wp-content/uploads/2012/09/sunrise-in-grass-fields-1920x1080.jpeg) repeat top center
}
Now the problem, there's a white space in between the header and page itself. I tried different ways but all they do is expand the white space even more. What bothers me is that the page's body is in its place but the background isn't.

WP Theme is called 'Ammon'

Last edited by juggledad; Sep 18, 2012 at 07:05 PM.
  #9  
Old Sep 18, 2012, 07:03 PM
juggledad's Avatar
juggledad
 
23,686 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Mattdans: step 1) switch to the atahualpa theme since that is what this forum supports
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
image background

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Different background for a single post shus Center area post/pages 6 Dec 23, 2009 08:54 AM
[SOLVED] Adding 'signature' (image) under each post, but only on single-post page AnneTanne Atahualpa 3 Wordpress theme 4 Aug 24, 2009 12:47 PM
Adding signature under single post, not on frontpage /multiple-post page AnneTanne Post-Kicker, -Byline & -Footer 0 Aug 19, 2009 03:16 PM
Archive page shows post box help, and single post on front page help boberang Atahualpa 3 Wordpress theme 0 Aug 7, 2009 10:26 AM
[SOLVED] Next post and previous post links on top of single post page error susieswe Atahualpa 3 Wordpress theme 2 Jul 15, 2009 03:58 PM


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


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