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

Different background image for a single post and page


  #1  
Old Jan 10, 2010, 04: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, 05:00 AM
juggledad's Avatar
juggledad
 
23,765 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, 05: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, 05: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, 06:17 AM
juggledad's Avatar
juggledad
 
23,765 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, 06: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, 09:04 AM
juggledad's Avatar
juggledad
 
23,765 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, 04: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 06:05 PM.
  #9  
Old Sep 18, 2012, 06:03 PM
juggledad's Avatar
juggledad
 
23,765 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 07:54 AM
[SOLVED] Adding 'signature' (image) under each post, but only on single-post page AnneTanne Atahualpa 3 Wordpress theme 4 Aug 24, 2009 11:47 AM
Adding signature under single post, not on frontpage /multiple-post page AnneTanne Post-Kicker, -Byline & -Footer 0 Aug 19, 2009 02:16 PM
Archive page shows post box help, and single post on front page help boberang Atahualpa 3 Wordpress theme 0 Aug 7, 2009 09: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 02:58 PM


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


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