This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

White gap between hero image and top of website/main menu

Resolved 5 replies customizationpluginplugin-siteorigin-css
chriside
5 years ago · Last reply by Andrew Misplon 5 years ago

Hello!

I found the following custom CSS online to remove the white gap between my hero image and the top of my website (where the menu would usually be):

/* Home */

.home #main {
padding-top: 0;
}

.home.layout-full .panel-row-style.panel-row-style-full-width {
padding-top: 0;
}

However, I wish to remove the white gap on ALL of my website’s pages! Can you send me s custom code that will remove the white space on all pages?

Thank you.

Chris

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 5 years, 10 months ago

    Hi Chris

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  2. chriside 5 years, 10 months ago

    Hello,

    Yes of course! SO this is the link to the homepage, where the custom CSS has worked and there is no white gap at the top:
    https://sussexstoneworks.co.uk/

    However, the gap still appears on other pages such as the following links:

    https://sussexstoneworks.co.uk/granite/

    https://sussexstoneworks.co.uk/marble/

    https://sussexstoneworks.co.uk/quartz/

  3. Andrew Misplon Staff 5 years, 10 months ago

    Thanks for sharing. If you remove .home from both rules mentioned in your initial message, those rules would apply to all pages.

    If that isn’t suitable then you could add a rule for each page. Please, find a short tutorial on page/post body classes below: Post: Unique Page Styling with Custom CSS Body Classes.

  4. chriside 5 years, 10 months ago

    THANK YOU! It worked!

  5. Andrew Misplon Staff 5 years, 10 months ago

    Super, I’m really glad to hear you’re making progress with this question and Custom CSS in general. If questions arise in the future, please, let us know.

    Cheers for now :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread