Gap in sidebar

  • Author
    Posts
  • #1234764

    Yesterday I added some social media icons to my sidebar. At first I had them in their own Text widget but then added them to an existing Text widget instead. In both instances there is a bit of a gap, some blank space, that displays after the icons. I don’t like how this looks. There’s nothing in my html that I can see that would cause it. Any ideas? You can see this on any page except my home page.

    http://design-vox.com/about/

    The blog I need help with is design-vox.com.

    #1234889

    justpi
    Member

    There’s nothing in the coding of the widget, but there’s something in the CSS of the theme: images aligned none have a default 10px bottom margin.
    Start by removing this from the five image codes (it will increase the space above the icons and decrease the space below):
    class="alignnone size-full"
    If you want even less space, let me know.

    #1234900

    Thank you justpi! I’ve made that change. It is almost hard to tell if it made a difference but I believe it did. It seems now that the remaining gap is due to the few pixels of blank background in my images themselves plus the standard gap between the content and the diving bars on all the widgets.

    It is still more of a gap than I’d like. If you have an idea of how to lessen it a bit more I’d really appreciate it.

    #1234913

    justpi
    Member

    You’re welcome.
    Yes it did make a difference, but the difference is just the 10px of the default bottom margin of the images. To decrease the space even more, turn this:
    <p style="text-align:center;">
    to this:
    <p style="text-align:center;margin-bottom:-11px;">
    Change the number to adjust.

    #1234972

    You are a wizard! :)

The topic ‘Gap in sidebar’ is closed to new replies.