sidebar divider line

• 

  larakamnik · Member · Apr 5, 2017 at 8:16 am

  • Copy link
  • Add topic to favorites

  Hi, how do I remove sidebar divider line? Thanks, Lara

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

• 

  otpidusprime · Member · Apr 5, 2017 at 8:26 am

  • Copy link

  Hi @larakamnik,
  You can do that by changing the current CSS of the widgets, which is this:

  .widget {
      border-top: 4px solid #1a1a1a;
      margin-bottom: 3.5em;
      padding-top: 1.75em;
  }

  To this:

  .widget {
      border-top: none;
      margin-bottom: 3.5em;
      padding-top: 1.75em;
  }

  Or this remove the border-top property:

  .widget {
      margin-bottom: 3.5em;
      padding-top: 1.75em;
  }

  If you do not want to change this CSS then you can just overwrite the CSS without making any changes to the original code by using !important, like this:

  .widget {
      border-top: none !important;
      margin-bottom: 3.5em;
      padding-top: 1.75em;
  }

  Just add this code at the end of your CSS file.

  Hope this helps :)