WordPress.com Forums » Topic: Moving a text widget with css http://en.forums.wordpress.com/topic/moving-a-text-widget-with-css WordPress.com Forums » Topic: Moving a text widget with css en Mon, 20 May 2013 15:56:51 +0000 http://bbpress.org/?v=1.1-alpha-2539 thesacredpath on "Moving a text widget with css" http://en.forums.wordpress.com/topic/moving-a-text-widget-with-css#post-596701 Sat, 30 Apr 2011 03:20:20 +0000 thesacredpath 596701@http://en.forums.wordpress.com/ You are welcome.

]]> stampthewax on "Moving a text widget with css" http://en.forums.wordpress.com/topic/moving-a-text-widget-with-css#post-596699 Sat, 30 Apr 2011 03:16:20 +0000 stampthewax 596699@http://en.forums.wordpress.com/ thanks, works perfectly!

]]> thesacredpath on "Moving a text widget with css" http://en.forums.wordpress.com/topic/moving-a-text-widget-with-css#post-596567 Fri, 29 Apr 2011 20:18:37 +0000 thesacredpath 596567@http://en.forums.wordpress.com/ 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;
}
]]> stampthewax on "Moving a text widget with css" http://en.forums.wordpress.com/topic/moving-a-text-widget-with-css#post-596530 Fri, 29 Apr 2011 19:04:52 +0000 stampthewax 596530@http://en.forums.wordpress.com/ 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?

]]>