WordPress.com

1. stampthewax
   Member
   Apr 29, 2011, 7:04 PM

   Hi, I'm trying to put a facebook icon at the top of my page. I uploaded the icon image in a post and linked it, then copied the html to a text widget. I've identified it as 'text-4' from this:

   <div id="text-4" class="widget widget_text"> <div class="textwidget"><img src="http://stampthewax.files.wordpress.com/2011/04/facebook4.jpg" alt="" title="Join us on Facebook" width="29" height="29" class="alignnone size-full wp-image-122" /></div>
   </div>

   but it wont move when i try with top/left coordinates in css.

   Any ideas?

   The blog I need help with is stampthewax.wordpress.com.

2. thesacredpath
   Member
   Apr 29, 2011, 8:18 PM

   You have to do it as follows. By setting #container to position relative it will keep the icon in the right place no matter whether someone is logged into wordpress or logged out. You then set #text-4 to position absolute and then use the left or right and top declarations. This puts the icon at the right end of the black bar at the top of your theme.

   #container {
   position: relative;
   }
   
   #text-4 {
   position: absolute;
   top: 5px;
   right: 5px;
   }

3. stampthewax
   Member
   Apr 30, 2011, 3:16 AM

   thanks, works perfectly!

4. thesacredpath
   Member
   Apr 30, 2011, 3:20 AM

   You are welcome.

Topic Closed

This topic has been closed to new replies.