Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24646

    Hello,

    On my website: jasonandblueloveyou.com I have a transparent header with a logo. However, the transparent header left a thin dark line at the top and a thin light colored line at the bottom. How can I get rid of them?

    Also, I would love to bring my content closer to the logo and the logo closer to the top of the page. I imagine this is a padding sort of thing?

    How do I make these things happen?

    #124182

    Also, what is the cleanest way to center the logo?

    #124183

    At the very least, I would like to get ride of the white border below the logo. I may want to keep the black one on top, I am not sure though. I’d like to see it both ways.

    #124184

    Any help on this? I have tried a ton of different things.

    #124185

    Hi

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #header .container_wrap {
    border: none;
    }
    #main .container_wrap {
    background-color: transparent;
    }

    #top h1.logo {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 379px; /*must be defined for margin centering trick to work*/
    margin: 0 auto;
    float: none;
    height: 171px; /*defined to keep the padding-bottom working*/
    }
    /*media query to fix the size on tablet and below*/
    @media only screen and (max-width: 767px) {
    #top h1.logo {
    width: 100%;
    height: 100%;
    }
    }

    Regards,

    Devin

    #124186

    Worked Perfectly. Thanks!

    #124187

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Remove Small Borders above and below header/ Change padding around logo’ is closed to new replies.