Support » Fixing WordPress » Get rid of two white spaces

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    (@esmi)

    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    The white space bottom margin to the topmost image is part of the image. You can either edit the image to remove the white, and re-upload it, or set the height of the div and hide the white part which overflows with this in your custom css:
    #header {height:90px; overflow:hidden}

    The second gap can be hidden with this custom css:
    .logo p {margin: 0}

    Thank you for your responses.

    I added the following to my css:

    #header {
     display: block;
        margin-left: auto;
        margin-right: auto
        margin-top: -25px }
    }
    #header {height:90px; overflow:hidden}
    }
    #header .logo p {margin 0}
       width: 500px; margin: 0 auto;

    And no changes occurred.

    Did I place the changes properly?

    OK! I moved the {height:90px; overflow:hidden} next to the top #header and that worked!

    Now, the only space that remains is above the nav bar.

    Is that coding I should add to the navigation section?

    No, its a new separate little bit.

    Okay, would you recommend anything to get rid of that space?

    #header .logo p {margin 0}
       width: 500px; margin: 0 auto;

    Is the code I have for that spot in the header now. I know you told me to add the margin 0 part but I think I added it incorrectly.

    Hi, No, these are separate bits:

    #header .logo {
       width: 500px; margin: 0 auto;
    }
    
    .logo p {margin: 0}

    Amazing, that worked a wonder too. Thanks for all your help! Much appreciated!

    When I look at my site through mobile the gap between the top banner and logo below it shows again. Any idea how to close that for the mobile view?

    Nevermind, got it.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Get rid of two white spaces’ is closed to new replies.