Aligning Image Widgets

• 

  evolvedpaleo · Member · Mar 10, 2013 at 8:50 am

  • Copy link
  • Add topic to favorites

  I have uploaded a few social media buttons as image widgets to my blog, but was wondering if anyone could tell me how to align them so they are side by side rather than underneath each other. I can’t seem to work it out.

  Thanks in advance!
  Brooke

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

• 

  justpi · Member · Mar 10, 2013 at 9:11 am

  • Copy link

  Sidebar widgets are supposed to show in one column.
  So one way to place the buttons side-by-side is to use one Text widget instead of four image widgets.
  Another way (since you have the Custom Design upgrade) is to use CSS editing to modify the positioning of the four image widgets.

  If you’re interested in the first method, see this post of mine for basic coding:
  http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/
  If you’re interested in the second, you should post your question in the CSS forum.

• 

  evolvedpaleo · Member · Mar 10, 2013 at 9:14 am

  • Copy link

  Thanks! Obviously a novice.
  I’ll go and check this out.

• 

  evolvedpaleo · Member · Mar 10, 2013 at 10:06 am

  • Copy link

  Thanks again that was a really helpful link. Appreciate it!

• 

  justpi · Member · Mar 10, 2013 at 10:45 am

  • Copy link

  You’re welcome.
  If you’d like a little bit more space between the buttons, turn the code of the first three images from this:
  <img ETC ETC
  to this:
  <img style="margin-right: 6px;" ETC ETC