Twenty Seventeen theme, remove red lines

• 

  edajarn · Member · Oct 10, 2019 at 1:54 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I get these 1px red lines here and there on my pages. I googled and used the css below which removed the first one, just underneath the header media. But I still have them between the menu and the page, between the page and the footer, and inside a navigation menu in the footer. I

  .navigation-top {
  border-top: 0 SOLID RED !important;
  }

• 

  kokkieh · Staff · Oct 11, 2019 at 5:18 am

  • Copy link

  Hi there,

  I assume you’re speaking of https://edajarn.wordpress.com/? Note that your WordPress.com business plan gives you access to live chat support for help with questions like these.

  First, please remove the CSS you have already added. Using !important in CSS should be avoided as far as possible, as that overrides everything and might prevent you from making further changes in future.

  Instead, you can use this:

  /*
  Remove borders added to menus, panels, etc. 
  */
  .navigation-top, .main-navigation > div > ul, .pagination, .comment-navigation, .entry-footer, .site-footer, .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), .widget ul li {
  	border-top: none;
  }
  .single-featured-image-header, .navigation-top, .main-navigation li, .entry-footer, #comments, .widget ul li {
  	border-bottom: none;
  }