How to hide Header (?) border lines going horizontally across entire page.

• 

  shotgunweddingsch · Member · Sep 9, 2013 at 10:50 pm

  • Copy link
  • Add topic to favorites

  Hello!

  First off, here is the site I am working on:
  shotgunweddingsch.wordpress.com

  I have already placed a ton of new CSS (bought the customization upgrade) in order to get the theme to look how it does with this site now. I have a burning question though, which I have not been able to figure out after days of research.

  There are very thin white lines that run horizontally across the entire site, on each page. I thought this was a header, h1, or even #banner {border-bottom or border-top} setting, but I have tried everything to make them ‘hidden’ and nothing works.

  If any one knows how I might be able to hide these lines, please let me know!

  ps. I used this code, randomly, to somehow get rid of the same lines that were occurring near the mid-bottom of the page.

  .hentry {
  padding: 0;
  border-bottom: none;
  border-top: none;
  }

  Thanks a lot!!

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

• 

  adamargyle · Member · Sep 10, 2013 at 1:40 am

  • Copy link

  i can see a line from the navigation under the class “.navigation-main” there is a setting for “border-top: 1px solid”

• 

  adamargyle · Member · Sep 10, 2013 at 1:43 am

  • Copy link

  ah, and a second line from id “#masthead” there is a setting for “border-bottom: 1px solid rgba(0, 0, 0, 0.1)”

• 

  justpi · Member · Sep 10, 2013 at 2:10 am

  • Copy link

  Yes, the one line is a top border to the menu and the other line is a bottom border to the whole header. Add this:

  #masthead, .navigation-main {
      border: 0 none;
  }