Aligning widget images horizontally

  • Unknown's avatar

    I want icon’s linking to my facebook, linkedIn and twitter pages at the top of my fushion themed blog. I’ve figured out the basics as you can see at http://gregmunno.com. But I am hoping to get the images to align on one line horizontally. Would that be possible? Any other suggestion on how to make this look good? I could go with bigger icons, but I think it starts to look silly.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    You need to put the code for them in a Text widget:

    <a href="http://www.facebook.com/#!/gregmunno"><img src="http://gregmunno.files.wordpress.com/2010/09/facebook-icon.png" width="50" height="50" /></a>
    <a href="http://twitter.com/gregmunno"><img src="http://gregmunno.files.wordpress.com/2010/09/twitter-256x256.png" width="50" height="50" /></a>
  • Unknown's avatar

    awesome! I’ll try that.

  • Unknown's avatar

    worked like a charm. Thank you for making that so easy for me.

  • Unknown's avatar

    You’re welcome.

    But the third image you added is a bit smaller and misaligned. To perfect things:

    <table style="border:none;"><tr>
    <td style="border:none;"><a href="http://www.facebook.com/#!/gregmunno"><img src="http://gregmunno.files.wordpress.com/2010/09/facebook-icon.png" width="58" height="58" /></a></td>
    <td style="border:none;"><a href="http://twitter.com/gregmunno"><img src="http://gregmunno.files.wordpress.com/2010/09/twitter-256x256.png" width="58" height="58" /></a></td>
    <td style="border:none;"><a href="http://www.linkedin.com/in/gregmunno"><img src="http://gregmunno.files.wordpress.com/2010/09/linkedin-icon-e1285780583149.png" width="60" height="63" /></a></td>
    </tr></table>
  • Unknown's avatar

    worked like a charm!

  • The topic ‘Aligning widget images horizontally’ is closed to new replies.