Changing Widget width

• 

  olmc141 · Member · Jan 22, 2015 at 7:22 pm

  • Copy link
  • Add topic to favorites

  These forums were really helpful in the past, and I’m hoping this time it helps again.

  Basically, I’m using Image widgets to create buttons for the right side bar of the page. As you can see, there’s a lot of space all around it, and I don’t know how to change that. I’m afraid I’ll change the wrong thing.

  Thank you!

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

• 

  staff-happychia · Staff · Jan 23, 2015 at 8:13 am

  • Copy link

  Each of those image widgets in the secondary widget area have top and bottom margin of 22px and a bottom padding of 26px.

  Let’s change the top and bottom margins to 5px each and remove bottom padding.

  div#secondary.widget-area .widget_image {
      margin-top: 5px;
      margin-bottom: 5px;
      padding-bottom:0;
  }

  Please don’t hesitate to adjust those values until you get the spacing you would like :-)

• 

  olmc141 · Member · Jan 23, 2015 at 11:58 am

  • Copy link

  Thank you so much! This worked great!