Aligning Image Widgets

  • Author
    Posts
  • #1178024

    evolvedpaleo
    Member

    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 beesteesblog.com.

    #1178164

    justpi
    Member

    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.

    #1178165

    evolvedpaleo
    Member

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

    #1178168

    evolvedpaleo
    Member

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

    #1178172

    justpi
    Member

    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

The topic ‘Aligning Image Widgets’ is closed to new replies.