I have a full width footer. I have two footer images I need to use and need them to change depending on what page is displayed. I already have changing headers but cannot figure out how to adapt this footer solution to change.

The code I am using for the footer is:

html {background-image:url(/wp-content/themes/atahualpa/images/background_footer_or.jpg);background-repeat:repeat-x;background-position:left bottom;}

Can you point me in the right direction?

Thanks,

Dan

what is the URL?
where exactly are you putting that CSS? use the ato->.... method to point direcetly to the option you put it in.

The temporary URL is http://securexsl.net, it's still under construction so some pages are missing.

I added the footer background to the html/css inserts in admin/appearance/atahualpa theme options

Some pages have an orange theme and some have a green theme, but as yet I have not figured out how to change the footer from orange to green.

I think it was you that posted to use this method to add a full wide footer image in a previous post.

Dan

To make it easier to see what I want to do, http://www.securexsl.net/meals/signature-lifestyle/ has a green theme, http://www.securexsl.net/roth-culinary-scene/ has an orange theme

use something like this

html body {
    background-image: url("http://www.securexsl.net/wp-content/themes/atahualpa/images/background_main_gn.jpg");
    background-position: left bottom;
    background-repeat: repeat-x;
}
html body.page-id-1189 {
    background-image: url("http://www.securexsl.net/wp-content/themes/atahualpa/images/background_footer_or.jpg");
    background-position: left bottom;
    background-repeat: repeat-x;
}

the first sets the default and the second overrides it for the particular page - you will have to change your page number and the image names, I was just playing.

I am already using:

body.page-id-166 {
background: url(/wp-content/themes/atahualpa/images/background_main_or.jpg);
background-repeat: repeat-x;
}

to change the main background from green to orange for a full width background behind the header.

I am also using in header.php:

<?php if(is_page('Couples')){
include('header_02.php');
}

to switch from header_01.php to header_02.php.

I also have:

html {background-image:url(/wp-content/themes/atahualpa/images/background_footer_gn.jpg);background-repeat:repeat-x;background-position:left bottom;}

to add a full width bottom but I need to also change the bottom image when the top image changes.

Your solution knocks out the top background image. Is there another way to change the bottom full width background when the top background changes?

Thanks,

Dan