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/ |
do a forum search as your first step. this question has been answered a number of times
|
do it with CSS
body.home {background-image: url(...);} body.page-id-24 {background-image: url(...);} |
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?
|
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.
|
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? |
All times are GMT -6. The time now is 08:33 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.