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 »

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


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 31, 2011, 02:35 PM
Graytness
 
19 posts · Jul 2010
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,107 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,107 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.
  #7  
Old Jun 3, 2011, 04:50 PM
lmilesw's Avatar
lmilesw
 
10,107 posts · Jul 2009
Central New York State USA
You can't have more than an image in a background-image declaration. You either need to use separate css for position etc. or just use background shorthand which would look like the following.
HTML Code:
html {
background:#ffffff url(/wp-content/themes/atahualpa/images/image.gif) repeat-x bottom center;
}
__________________
~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.
  #8  
Old Jun 4, 2011, 10:07 AM
Graytness
 
19 posts · Jul 2010
Thank you! That did the trick. Now I just have to tweak the layout and decide if I can make it look good. Is there any way to remove the "Powered By Wordpress and Atahualpa" text? I have no problem including that information in a custom footer, but was curious if there was a way to remove that text.

Thanks again for all of your help!
  #9  
Old Jun 4, 2011, 10:29 AM
juggledad's Avatar
juggledad
 
22,314 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
Is there any way to remove the "Powered By Wordpress and Atahualpa" text?
there is a thread in the Gold Forum tutorials explaining how to do that. The Gold Forum is available to members who have donated $20 or more.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

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 08:32 AM.


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