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

How do I use different background images on each page


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 Mar 24, 2011, 08:52 AM
adam@lakewood
 
2 posts · Mar 2011
Smile How do I use different background images on each page

Hello,
My name is Adam I have been following this site for a while for help and advice but I have got really stuck and have decided to join for some guidance. I am using Atahualpa and am stuck on trying to use a different background image on just one page and use my default one on all other pages.
I really dont know where to start on this so any help would be much appreciated.

The website is http://lakewooditsupport.co.uk/

Last edited by juggledad; Mar 24, 2011 at 08:56 AM.
  #2  
Old Mar 24, 2011, 08:56 AM
juggledad's Avatar
juggledad
 
22,188 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
do a forum search as your first step. this question has been answered a number of times
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 24, 2011, 09:40 AM
juggledad's Avatar
juggledad
 
22,188 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
do it with CSS
body.home {background-image: url(...);}
body.page-id-24 {background-image: url(...);}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #4  
Old Mar 24, 2011, 10:03 AM
adam@lakewood
 
2 posts · Mar 2011
Thanks for getting back to me, I have tried the above methods but I don't know where to place the code? Do I place it in the CSS.php in the atahualpa folder? if so where in the file do i place it?
  #5  
Old Mar 24, 2011, 02:58 PM
juggledad's Avatar
juggledad
 
22,188 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you put it in teh theme option ATO->Add HTML/CSS Inserts->CSS Inserts - then it is a theme option and you don't have to worry about editing the code on the next upgrade. Avoid editing the theme code, almost everything can be done via the options.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #6  
Old Jul 18, 2011, 05:21 PM
tsheridan
 
92 posts · Mar 2011
I've tried this, and I can't get it to work at all. I used Firebug to find out where I would want to change the middle & footer background images as well, but I'm not having any luck.

Here is the code I used:

body.page-id-2 {background-image: url("/wp-content/themes/atahualpa/images/header1.jpg");}
footer.page-id-2 {background-image: url("/wp-content/themes/atahualpa/images/footer1.jpg");}
middle.page-id-2 {background-image: url("/wp-content/themes/atahualpa/images/main_bg1.jpg");}

URL is http://wildwildwesthomes.com/listings/

I also turned off the right sidebar on that page, but what am I missing?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Page Menu Nav with background images, need css help blueprairie Header configuration & styling 6 Nov 25, 2010 11:39 PM
Non square background images tlck9 Header configuration & styling 4 Nov 5, 2010 01:19 PM
HOWTO: have TWO background images on page Stingraynut Atahualpa 3 Wordpress theme 0 Apr 5, 2010 07:16 PM
2 questions about background images measure2x Header configuration & styling 3 Nov 15, 2009 04:58 PM
Background images in pages ErikU Atahualpa 3 Wordpress theme 10 Apr 16, 2009 07:36 PM


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


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