WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Get rid of two white spaces

[Resolved] Get rid of two white spaces

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

    @esmi

    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.

    lorro
    Participant

    @lorro

    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}

    fairmediacouncil
    Member

    @fairmediacouncil

    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?

    fairmediacouncil
    Member

    @fairmediacouncil

    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?

    lorro
    Participant

    @lorro

    No, its a new separate little bit.

    fairmediacouncil
    Member

    @fairmediacouncil

    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.

    lorro
    Participant

    @lorro

    Hi, No, these are separate bits:

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

    @fairmediacouncil

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

    fairmediacouncil
    Member

    @fairmediacouncil

    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?

    fairmediacouncil
    Member

    @fairmediacouncil

    Nevermind, got it.

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