Want to remove space between image & text widgets

• 

  thesmartcookiecook · Member · Sep 3, 2011 at 1:57 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · Sep 3, 2011 at 2:17 pm

  • Copy link

  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.

• 

  thesmartcookiecook · Member · Sep 3, 2011 at 3:08 pm

  • Copy link

  Perfect! Thanks so much :D

• 

  designsimply · Member · Sep 3, 2011 at 3:34 pm

  • Copy link

  Cheers. :)