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 »

[SOLVED] Need a footer that changes according to what page is displayed


  #1  
Old May 3, 2013, 01:02 PM
DanDan
 
41 posts · Aug 2010
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
  #2  
Old May 3, 2013, 02:38 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.

Last edited by juggledad; May 3, 2013 at 02:41 PM.
  #3  
Old May 3, 2013, 03:39 PM
DanDan
 
41 posts · Aug 2010
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
  #4  
Old May 3, 2013, 03:46 PM
DanDan
 
41 posts · Aug 2010
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
  #5  
Old May 3, 2013, 04:08 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use something like this
HTML Code:
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.
  #6  
Old May 6, 2013, 03:23 PM
DanDan
 
41 posts · Aug 2010
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
  #7  
Old May 6, 2013, 04:59 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to ato->export/import settings and export your settings. save them to a TEXT file and attach them to a reply
  #8  
Old May 6, 2013, 06:41 PM
DanDan
 
41 posts · Aug 2010
attached,

Thanks,

Dan
Attached Files
File Type: txt ata-wwwsecurexslnet-20130507.txt (23.4 KB, 345 views)
  #9  
Old May 7, 2013, 05:45 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I have a suggestion. Since you are just using a color for the line above the footer, why not use a border-top? try this: at ato->Style & Edit Footer->Footer Content add the following before anything else
HTML Code:
</td></tr></table></div></div>
<div id="divfooter"><div><table id="tablefooter">
<tr><td>
then in the css inserts add
HTML Code:
div#divfooter {width:100%;}
table#tablefooter {margin:auto;}
now to add the line for the footer for a page use
HTML Code:
body.page-id-857  #divfooter { border-top: solid 2px orange; }
body.page-id-866  #divfooter { border-top: solid 2px green; }
you might want to match your color exactly with the #rrggbb value. If you have multiple pages with the same color, you can use

HTML Code:
body.page-id-1  #divfooter,
body.page-id-4  #divfooter,
body.page-id-866  #divfooter { border-top: solid 2px green; }
just top keep the code cleaner.
  #10  
Old May 7, 2013, 07:48 AM
DanDan
 
41 posts · Aug 2010
That worked perfectly!

Thanks,

Dan

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
can a picture of the post be displayed on the main page? hellside Montezuma Theme 2 Mar 17, 2013 08:27 PM
Page title displayed at top of each page (safari and mobile browsers only) mickocd Center area post/pages 13 Sep 1, 2011 05:19 AM
Page header - can this not be displayed? rosetrees Atahualpa 3 Wordpress theme 2 Nov 17, 2009 01:11 PM
[SOLVED] a parse error rather than the 404 page displayed when page not found lhanft Atahualpa 3 Wordpress theme 4 Oct 22, 2009 08:04 PM


All times are GMT -6. The time now is 02:33 AM.


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