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 » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] Change footer background on "Page" pages only


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 May 28, 2009, 03:18 PM
Unca_Tim
 
13 posts · May 2009
Portland OR
[SOLVED] Change footer background on "Page" pages only

Hi Guys,
Just swapped my site over from an old static dinosaur to your Atahualpa theme.
Been a great experience setting it up, but i have one little prob i can't seem to track down the answer to. I've added a background color to the footer, but would like it to not show on the "Page" pages....just posts and all other areas.

Anyway to do it?

Here's a post with the footer background that works good for me because it meets up with the side columns to box things in.
Ex: http://www.makemethinner.com

....but on pages i'd like to have the footer background removed so the green body background continues down the pages.
Ex: http://makemethinner.com/contact-us/

Thanks for taking a look....
Tim
(edited link -OP)
  #2  
Old May 29, 2009, 02:03 PM
juggledad's Avatar
juggledad
 
22,269 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Give this a try,

You should be able to do this with a CSS insert
HTML Code:
body#body-page-150 td#footer {
display: none;
}
You should replace the 150 with the page number you don't want it on
  #3  
Old May 31, 2009, 01:21 PM
Unca_Tim
 
13 posts · May 2009
Portland OR
Quote:
Originally Posted by juggledad
Give this a try,

You should be able to do this with a CSS insert
HTML Code:
body#body-page-150 td#footer {
display: none;
}
You should replace the 150 with the page number you don't want it on
Thanks for your reply JD. Your work around works like a charm and i've implemented it for now, but i'd like to keep the footer credits and just remove the background.

Any way to code it with an "if" statement....i'm not familiar with coding but something like:
:if "page" page then
:remove footer background?

That way I wouldn't have to enter every new page in css i create.

Thanks again a million for your response JD.
All the best,
Tim

Last edited by Unca_Tim; May 31, 2009 at 01:26 PM.
  #4  
Old May 31, 2009, 02:39 PM
juggledad's Avatar
juggledad
 
22,269 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
So let me see if I have this right.
On the front page of the site, you want the footer background color removed and the credits to display. The credits will display on the body background color.

On all the other pages, you want the chosen footer background color to overlay the body background color and the credits to display

Is that right?
  #5  
Old Jun 1, 2009, 11:01 AM
Unca_Tim
 
13 posts · May 2009
Portland OR
Quote:
Originally Posted by juggledad
So let me see if I have this right.
On the front page of the site, you want the footer background color removed and the credits to display. The credits will display on the body background color.

On all the other pages, you want the chosen footer background color to overlay the body background color and the credits to display

Is that right?
Hi JD,
Thanks so much for your help with this. I think you may have it backwards or may not understand how i've got wordpress set up.

I've got WP installed in my root, so the the landing page or "Home" page is actually a "post" page.
For this and all other "post" pages I want to change "just" the footer background to a solid color from the body background. This is done through the theme footer options and works fine. you can see an example of this at the root landing page/"post" here.
Landing "post" Page

This boxes in the content in the body with the side columns with the same color. See how the side columns and the footer box in the body content are the same salmon color?

The only time i want to alter this look is when i create a new "Page" with wordpress.
In the case of new pages I have the side menus removed so i dont want to have any color in the footer box background. You can see an example of this here:
Single Page "page" with your css mod
This is one of the pages I altered with your code suggestion. See how the body background continues down the entire page? That's the look i want, but I also want to display the footer credits "without" any footer background color change, so the the green body background continues down the entire page, just as it looks there now.

I removed your code on this page:
Page "page" without your css mod
See how the theme footer change shows, the salmon colored background in the footer box?
I want to remove the salmon colored background in the footer box on the "page" Pages only, but leave the footer credits still showing.

So, in essence, the only time i want to make an alteration would look something like this:
If a new post is a "page" Page...then
footer background would be null
(allowing the main body background to run to the bottom of the page)

This would still display the footer, but without the salmon colored footer background.

Hope this makes things clearer and I haven't made things more confusing....
Thanks again,
Tim
  #6  
Old Jun 1, 2009, 03:53 PM
juggledad's Avatar
juggledad
 
22,269 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Ok, I think I've got it, so now we do some reverse thinking.

Set the footer color to the color you want on all the 'non-blog' pages - in this case it would be the green you want.

Now use the following to set the color for the blog pages

HTML Code:
body#body-homepage td#footer {
background: #XXXXXX;
}
body#body-homepage- td#footer {
background: #XXXXXX;
}
Where XXXXXX is the color you want. 'body-homepage' and 'body-homepage-' is what you get when you set a 'static' posts page as the front page (in dashboard->settings->reading). If you used a 'Front page' you would need to code the CSS as

HTML Code:
body#body-frontpage td#footer {
background: #XXXXXX;
}
see if this does what you want.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
background, footer, removal

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] I can see blog; however says"page not found" AscenderRisesAbove Header configuration & styling 9 Jul 13, 2009 07:42 AM
[SOLVED] Adding "share this" plug in to post page...Possible? d_random Plugins & Atahualpa 2 May 19, 2009 02:47 PM
[SOLVED] Flynn: "..default hard coded widgets.." ?? Shepherd Jim Sidebars & Widgets 2 May 11, 2009 05:47 AM
[SOLVED] What are the "rules" about using special characters in page titles? Shepherd Jim Page & Category Menu Bars 4 Apr 7, 2009 07:03 AM
[SOLVED] How should top level "button" work on a menu bar? Shepherd Jim Page & Category Menu Bars 2 Mar 14, 2009 02:30 PM


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


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