Need help? Check out our Support site, then


Want to remove space between image & text widgets

  1. This is a nit-picky thing, but there's an annoying gap between my image widget & the text widget below it (seen here). Is there anyway to get rid of that?

    The blog I need help with is thesmartcookiecook.com.

  2. The trick is to use the right, specific CSS. In the Clean Home theme, you can shorten the gap above the "Welcome, Foodie!" widget with this:

    #sidebar #text-3 h3 {
        padding-top: 0px;
    }

    If you also wanted to make the gap above the search widget smaller, you can add the proper selector to the list in the first CSS, like this:

    #sidebar #text-3 h3, #sidebar #search-4 {
        padding-top: 0px;
    }

    To find which selectors to use, I used Firebug for Firefox, right-clicked on the element where there was extra spacing, and looked at the CSS Path in the tool to figure out which selector list seemed specific enough to target just those areas.

  3. Perfect! Thanks so much :D

  4. Cheers. :)

Topic Closed

This topic has been closed to new replies.

About this Topic