Need help? Check out our Support site, then


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

  1. shotgunweddingsch
    Member

    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 shotgunweddingsch.wordpress.com.

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

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

  4. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic