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

  • Author
  • #1429653


    First off, here is the site I am working on:

    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



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



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



    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;

The topic ‘How to hide Header (?) border lines going horizontally across entire page.’ is closed to new replies.