Remove Border in CSS

• 

  chrisylindsay · Member · Aug 23, 2016 at 8:37 pm

  • Copy link
  • Add topic to favorites

  Hello!

  I have the penscratch theme and want to get rid of the borders. If anyone could help me with the CSS code for that, that would be really great!

  Thank you :)

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

• 

  thesacredpath · Member · Aug 24, 2016 at 4:07 am

  • Copy link

  Hi there, since you didn’t specify which borders, I’ll assume you want to get rid of all of them. This first CSS rule will get rid of the lines in the navigation/header area and in the footer.

  .site-header, .main-navigation, .site-footer {
      border: none;
  }

  This rule will get rid of the lines in the widgets in the sidebar with the exception of the lines in the Twitter Timeline Widget. That code comes from Twitter, so it is not something we can override with CSS.

  .widget {
      border: none;
  }
  .widget li {
      border: none;
  }