Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

Footer That Extends Full Width Of Page And Works Into Current Background


  #1  
Old May 31, 2011, 02:35 PM
Graytness
 
19 posts · Jul 2010
Footer That Extends Full Width Of Page And Works Into Current Background

Ok, so here is what I'm looking to do. Whether it's possible or not, that has yet to be seen. Actually, whether it's possible for a noob like me is probably more accurate.

Here is my page:
www.uphereinmytree.com
(Don't judge...just started work on it)

In terms of the current layout, the blue top and the white ground are part of the background image. The title text, the tree, and the people silhouette's are the header with a transparent background.

I was thinking that I'd like the bottom of the page to "mirror" the top of the page. That is, go from white to blue along the bottom and I was going to have a white silhouette root design in the blue footer. I designed it all in Photoshop without thinking that the footer box didn't span the whole width of the page. Is this even possible?

I know that I could have built that into the background, but how would that work on a page that's height varies depending on the content? To me, that doesn't seem to be the right answer to this problem.

I hope this makes sense. Any help would be greatly appreciated.
  #2  
Old May 31, 2011, 08:25 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Here is a possible solution.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old May 31, 2011, 11:05 PM
Graytness
 
19 posts · Jul 2010
Thank you! That looks like a great solution to my problem. Much appreciated. I'll let you know how it worked.
  #4  
Old Jun 2, 2011, 05:14 PM
Graytness
 
19 posts · Jul 2010
I spoke too soon. I entered the code, but nothing happened. Is it possible that it's simply being covered by the other background?
  #5  
Old Jun 2, 2011, 05:26 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
What code did you enter? Do you have a link so we can take a look?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Jun 3, 2011, 02:35 PM
Graytness
 
19 posts · Jul 2010
I entered the following bit of code into the ATO > Add HTML / CSS Inserts section. I put it in the CSS Inserts box:

html {background:#ffffff; background-image: url(/wp-content/themes/atahualpa/images/image.gif) repeat-x bottom center;}

I also removed the background-color from ATO > Body, Text, and Links, as per the link you provided.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] swf in sidebar extends past page width except in IE8 Jam Sidebars & Widgets 4 Mar 24, 2011 11:19 PM
[SOLVED] Full width footer with widgets but narrower content netrdx Header configuration & styling 4 Nov 12, 2010 04:08 PM
need Page Menu to go the full length on IE (it works on Safari and FF) duramatters Atahualpa 3 Wordpress theme 5 Oct 22, 2010 04:25 PM
Full browser width footer kdawes01 Post-Kicker, -Byline & -Footer 5 Apr 11, 2010 08:51 PM


All times are GMT -6. The time now is 06:45 AM.


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