Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
Hi Chris
Thanks for reaching out.
Do you have a public URL where we can take a look at what’s going on?
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/
Thanks for sharing. If you remove
.homefrom 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.
THANK YOU! It worked!
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 :)