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


    On my website: 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?


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


    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.


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



    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%;




    Worked Perfectly. Thanks!



    Glad it worked. :)



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.