Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   [SOLVED] Text widget overlaps another (http://forum.bytesforall.com/showthread.php?t=18697)

Arnel Oct 18, 2012 10:55 AM

[SOLVED] Text widget overlaps another
 
Wordpress & Atahualpa (latest versions)

http://meanttosoar.com/

I need help fixing the social media icons which are overlapping Recent Posts.
The icons are also not in the order that I pasted them. It should be
Twitter Facebook Pinterest Email.

lmilesw Oct 18, 2012 12:56 PM

What is the code you put in the text widget? The float right for those images seems to be messing things up as well base in a very quick look.

juggledad Oct 18, 2012 01:34 PM

Quote:

Wordpress & Atahualpa (latest versions)
care to define this - it really doesn't tell anyone anything

Arnel Oct 18, 2012 03:32 PM

As far as I know, these are the lastest versions: Wordpress 3.4.2, Atahualpa 3.7.9
Why wouldn't it tell anybody anything?

Here's the code.

<a href="http://meanttosoar.com/wp-content/uploads/2012/10/twitter.png"><img src="http://meanttosoar.com/wp-content/uploads/2012/10/twitter.png" alt="" title="twitter" width="58" height="58" class="alignright size-full wp-image-243" /></a>
<a href="http://meanttosoar.com/wp-content/uploads/2012/10/facebook.png"><img src="http://meanttosoar.com/wp-content/uploads/2012/10/facebook.png" alt="" title="facebook" width="58" height="58" class="alignright size-full wp-image-253" /></a>
<a href="http://meanttosoar.com/wp-content/uploads/2012/10/pinterest.png"><img src="http://meanttosoar.com/wp-content/uploads/2012/10/pinterest.png" alt="" title="pinterest" width="58" height="58" class="alignright size-full wp-image-246" /></a>
<a href="http://meanttosoar.com/wp-content/uploads/2012/10/email.png"><img src="http://meanttosoar.com/wp-content/uploads/2012/10/email.png" alt="" title="email" width="58" height="58" class="alignright size-full wp-image-247" /></a>

lmilesw Oct 18, 2012 03:41 PM

You have to clear your floats.

juggledad Oct 18, 2012 03:45 PM

Quote:

As far as I know, these are the lastest versions: Wordpress 3.4.2, Atahualpa 3.7.9
Why wouldn't it tell anybody anything?
because someone reading this in 3 months might think it applies to WP 3.5 (which is currently in beta) and what ever version of Atahualpa its thenm current.

when you have a list like
a b c d
and you float it right, the fitst item becomes the right most, the next is the next right most etc, so you see
d c b a
so if you want to flosat things right, reverse the order in your list so your list is
d c b a
and then floated you will see
a b c d

you might alst try making your sidebar wider or the images smaller

Arnel Nov 29, 2012 03:22 PM

I did as you suggested, it worked perfectly.

RESOLVED.


All times are GMT -6. The time now is 09:01 AM.

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