• Resolved ajeetmish

    (@ajeetmish)


    Hi

    I am running a site: https://www.greedynet.com 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.

    Thread Starter ajeetmish

    (@ajeetmish)

    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.]

    Thread Starter ajeetmish

    (@ajeetmish)

    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 : https://www.greedynet.com

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter ajeetmish

    (@ajeetmish)

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

    Thread Starter ajeetmish

    (@ajeetmish)

    Hi,

    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. ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding !important on the end of the styles

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

    https://webdesign.about.com/od/css/f/blcssfaqimportn.htm

    Thread Starter ajeetmish

    (@ajeetmish)

    Hi Marvin,

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter ajeetmish

    (@ajeetmish)

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

    Thread Starter ajeetmish

    (@ajeetmish)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter ajeetmish

    (@ajeetmish)

    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 ?

    Thread Starter ajeetmish

    (@ajeetmish)

    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.