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 » Page & Category Menu Bars »

Body background image at very bottom of page?


  #1  
Old Jul 4, 2010, 04:55 PM
crashley1784
 
81 posts · May 2009
Hi,
I'm having some trouble getting my background image to sit at the very bottom of the page (not the content area, or footer, but the entire width of the browser window). I've tried removing the padding-bottom attributes, but doing so actually raises the background image higher.
Here is the relevant code that I have in the body styles section:
Code:
background: #000000 url('<?php bloginfo('template_directory'); ?>/images/pagebg.jpg') repeat-x bottom;
padding-top: 20px;
padding-bottom: 20px;
Any help / suggestions would be appreciated. Link to site: http://www.laurenacooper.com/rcf. And I'm using WP 3 with ATA 3.5
  #2  
Old Jul 4, 2010, 10:14 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try putting the following code in ATO>Add HTML/CSS Inserts>HTML Inserts: Body Bottom.
HTML Code:
html{background:#EEF2FB;background-image:url('http://www.laurenacooper.com/rcf/wp-content/themes/ataualpa/images/pagebg.jpg');background-repeat:repeat-x;background-position:left bottom;}
Of course if you Atahualpa folder is Atahualpa351 make sure and use that as the theme folder.
__________________
~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 Jul 5, 2010, 02:25 PM
crashley1784
 
81 posts · May 2009
Unfortunately, that does not work. When I place that code in the body bottom section of the Css inserts the code is not implemented, but rather just prints directly below my footer. I've quadruple checked the code for accuracy, and I cannot find any errors.
Any ideas?
Thank you for the suggestion, however.
  #4  
Old Jul 5, 2010, 02:27 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I should have said try putting it in the CSS Inserts section. Sorry
__________________
~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.
  #5  
Old Jul 5, 2010, 02:49 PM
crashley1784
 
81 posts · May 2009
That got the image back, so yay! What I have discovered is that the background image aligns itself with the footer, meaning if the page is so long that the scrollbar appears in the browser window, the bg image is at the bottom of the screen. When the content area is short, however, the image jumps up to stay level with the footer. Weird!! Any ideas on this?
  #6  
Old Jul 5, 2010, 03:07 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I'm not quite sure what you mean but you might also try this code as opposed to the code you put in CSS Inserts since you don't have two background images. It may align as you expect.
ATO>Body, Text, & Links>Body Style
HTML Code:
background:#EEF2FB;background-image:url('http://www.laurenacooper.com/rcf/wp-content/themes/ataualpa/images/pagebg.jpg');background-repeat:repeat-x;background-position:left bottom;
I also noticed that you had not applied this bug fix that especially affects menus in IE and prevents you from setting the width of sub menus.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I add an image at the very bottom of the body? lobski Center area post/pages 13 Jul 18, 2010 08:18 AM
want to change the background image for the body Hooday Header configuration & styling 5 Apr 20, 2010 11:14 AM
Page background image and transparency of body & sidebars AndrewRH Forum How-To 1 Apr 12, 2010 10:47 AM
background image to body hdrieman Atahualpa 3 Wordpress theme 4 Feb 25, 2009 05:10 AM
Background image in body of post Voljunkie Atahualpa 3 Wordpress theme 1 Feb 16, 2009 02:36 PM


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


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