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 »

[SOLVED] Image to Bottom of Page with Variable Height


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 Aug 10, 2010, 03:03 PM
epsymp
 
37 posts · Jul 2010
[SOLVED] Image to Bottom of Page with Variable Height

Hello,

I'm working in the widgetized right sidebar of Atahualpa.

I have three text links, followed by a picture link.
I'd like for the picture link to always sit at the bottom of the sidebar, which is complicated since there's no sticky footer, or fixed page length.
I've tried a number of things, some of which have no effect, some of which move the image to the very bottom of the page, outside the box.

I've seen a solution that involves a div for absolute position, and one for relative position that supposedly would tell the image where the bottom of the page would be. (Sorry i can't find the link to it.)

Any idea for a simple solution, or way to combine the divs?

Thanks,
E
  #2  
Old Aug 10, 2010, 03:13 PM
lmilesw's Avatar
lmilesw
 
9,966 posts · Jul 2009
Central New York State USA
In ATO>Style & Configure Sidebars try putting a background image in RIGHT Sidebar Style such as the following
HTML Code:
background: url(http://full_path_to_image) no-repeat 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.
  #3  
Old Aug 11, 2010, 09:11 PM
epsymp
 
37 posts · Jul 2010
Yeah, awesome, that works. Let me see now if I can make it a link...
  #4  
Old Aug 11, 2010, 10:34 PM
lmilesw's Avatar
lmilesw
 
9,966 posts · Jul 2009
Central New York State USA
I forgot about the link. How about this? Put code similar to the following in the sidebar
HTML Code:
<div id="sidebar-image"><a href="http://link-to-site-or-page"><img src="http://link-to-image" /></a></div>
Now put something similar to the following in ATO>Add HTML/CSS Inserts>CSS Inserts and tweak to position the image.
HTML Code:
div#sidebar-image {
position:absolute;
bottom:150px;
right:20px;
}
__________________
~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 Aug 13, 2010, 10:16 AM
epsymp
 
37 posts · Jul 2010
Thank you so much. Worked great.

http://toadthejournal.com/

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to resize height of header image? LilyUK Header configuration & styling 0 Jul 27, 2010 03:47 PM
Body background image at very bottom of page? crashley1784 Page & Category Menu Bars 5 Jul 5, 2010 02:07 PM
Widget area height relative to sidebar height aQuickStudy Sidebars & Widgets 2 Apr 8, 2010 02:35 PM
[SOLVED] How do I move the Page Menu to the bottom of the header image? lmt Center area post/pages 4 Feb 14, 2010 11:42 AM


All times are GMT -6. The time now is 09:55 PM.


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