reduce spacing size

• 

  misswilliamspetites · Member · Jan 15, 2016 at 10:10 am

  • Copy link
  • Add topic to favorites

  Hi How do I reduce the space between the widgets in the side bar?

  Kindest,

  The blog I need help with is: (visible only to logged in users)

• 

  sophybd · Member · Jan 15, 2016 at 11:25 am

  • Copy link

  You need to use some custom css, so in the widget box, surround each thing with <div> </div>tags, and do <div style=”padding-bottom:15px; padding-top:15px;”>Content</div>

  That should do the trick.

• 

  staff-jeanpierreac · Staff · Jan 15, 2016 at 2:01 pm

  • Copy link

  Hi there.

  Right now, each one of your widgets in your secondary sidebar (the one on the right side of you blog) have a 38 points gap to the precedent (upper) widget and 36 to the following widget.
  The top gap is in fact a padding. The bottom gap is the sum of a 5px margin + 33px padding. So you have:

  margin-bottom: 5px;
  padding-top: 36px;
  padding-bottom: 33px;

  You can modify those values at your convenience, creating a CSS rule to be added to your custom CSS, saying which padding/margin you would like to use and applying it to the selector .sidebar-widget-area .widget. This, coded, could be:

  .sidebar-widget-area .widget {
  margin-bottom: 0px;
  padding-top: 12px;
  padding-bottom: 12px;
  }

  I hope this helps. :)