Suits theme remove lines between sidebar widgets

• 

  ecoholicbeauty · Member · Mar 24, 2014 at 8:03 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  New to custom css! How on earth do I remove the lines between my sidebar widgets in the Suits theme, and possibly compress the space between widgets as well?

  Blog here: http://ecoholicbeauty.com/

  Thanks!

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

• 

  thesacredpath · Member · Mar 24, 2014 at 10:04 pm

  • Copy link

  Hi there, Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to remove the bottom border line on the widgets.

  .widget {
      border-bottom: none;
  }

• 

  ecoholicbeauty · Member · Mar 24, 2014 at 10:11 pm

  • Copy link

  Thanks very much, it worked! Is it possible to reduce the white space between the widgets also?

• 

  thesacredpath · Member · Mar 24, 2014 at 11:38 pm

  • Copy link

  It looks like you got the widget spacing issue figured out using the following:

  .widget {
      background-image: none;
      padding-bottom: 0;
      padding-top: 0;
  }