Want to remove space between image & text widgets

  • Author
    Posts
  • #697114

    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.

    #697259

    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.

    #697262

    Perfect! Thanks so much :D

    #697269

    Cheers. :)

The topic ‘Want to remove space between image & text widgets’ is closed to new replies.