Need help? Check out our Support site, then


Gap in sidebar

  1. christinaebbers
    Member

    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.

  2. 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.

  3. christinaebbers
    Member

    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.

  4. 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.

  5. christinaebbers
    Member

    You are a wizard! :)

Topic Closed

This topic has been closed to new replies.

About this Topic