Support » Themes and Templates » How to remove space above the logo image ?

  • Resolved ajeetmish



    I am running a site: Everything is working fine except one thing. I want to remove the white space above my logo image. I know it can be done by editing some codes in css but I am not able to find the exact code for this. Can somebody help me out ? Thanks in advance.

Viewing 15 replies - 1 through 15 (of 16 total)
  • In your CSS file remove the margin-top and padding-top from #wrap.
    And in #header remove the margin-top.

    Hi Alain ,

    I tried looking for padding-top under #Wrap and margin-top in #header but couldn’t find it. When I see my site using bugzilla I can see there is margin : 30px auto under #wrap but can not see this padding in my style.css. Please help.

    Below is my CSS please have a look and tell me if you can identify like where I have to change the settings.

    [Stylesheet moderated. Please just post a link to your site instead.]

    Thanks moderators for moderating my Style Sheet but what to do ? I am really fed up wid this white space above my logo image. It is really unnecessary and it looks bad. Please help me out in removing this white space. My Site’s Link is :

    Moderator Andrew Nevins


    Looking at Alain Lanker’s response, you need to edit the #wrap styles and possibly the #header.

    Try adding to the bottom of your stylesheet;

    #wrap {
     padding-top: 0;
     margin-top: 0;

    Do you still want more space removed?

    Thanks Andrew for quick response. Let me check if this helps. Will get back to you in a moment.


    I added the code above into my styleseet and even under header section. But if you can see my site, its still in the same condition. No space removed. 🙁

    Moderator Andrew Nevins


    Try adding !important on the end of the styles

    #wrap {
     padding-top: 0 !important;
     margin-top: 0 !important;

    Hi Marvin,

    Many thanks for your efforts. But it didn’t help me out. I added the above but still no luck…….. 🙁 🙁 🙁

    Moderator Andrew Nevins


    On my screen, you have yet to add !important.

    No Andrew, I’ve already added that code into my style sheet.

    Even now I have added that code under header section also. But still in the same situation.

    Moderator Andrew Nevins


    Something’s wrong with the technique you’re using to add the CSS in. No !important styles are applying to the web page.

    my themestyle.php has following style :

    #topnav {border-bottom:0} #wrap {padding:10px 20px 20px;’.$wrapper

    does this have anything to do with that space ?

    I am adding these to my style sheet by opening this from dashboard directly and then updating the file.

    Adding this should fix the problem:

    margin: 0 auto !important;
    padding: 0 !important;

    If you’ve already done this, as suggested above, yet it’s still not working and you have a caching plugin installed, make sure you delete its cache.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘How to remove space above the logo image ?’ is closed to new replies.