Hello Siteorigin.
I know this question has been dealt with before in many places but I don’t seem to be able to get rid of the white space between my menu and first row. Tried many custom CSS solutions but to no avail.
I am running Vantage Premium (Best theme around)
Please be so kind to take a look:
Thanks a million.
URL: http://hbof.org
Hi again
Just found out that the gap closes when row is in “standard” mode but returns in both “full width” and “full width-stretched”.
Hello Harold
That is the top padding of your row i believe.
I think adding
.panel-row-style { padding-top: 0}in the main css editor of the theme will remove the top padding from all rows and adding
in the css editor of the specific row to remove it only for that row
Hey Phillipos!
Thanks for that… it didn’t work as a custom CSS addition but in the main CSS I now found:
.layout-full .panel-row-style.panel-row-style-wide-grey, .layout-full .panel-row-style.panel-row-style-full-width { margin: 0 -1000px; padding: 25px 1000px 25px 1000px; }I changed the 25 values to 0 and BINGO!
Thanks again!
Regards,
Harold.
Hi Harold
Thanks for your support.
Thanks for helping out Philippos.
Editing style.css is unfortunately not update safe. All WordPress.org themes completely overwrite their own folder during the theme update process.
If you’re feeling up for it, restore the edited rule in style.css and then let me know the page we’re working with. That way we can make the change in Appearance > Custom CSS and ensure it’s update safe.
Hey Andrew!
You are a swift boy! :)
I have set everything back to normal in CSS.
Now the page we’re working with is:
http://www.hbof.org
Dying to get the solution for this.
Regards,
Thanks :)
Try the following at Appearance > Custom CSS:
/* Home */ .layout-full.home .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width { padding-top: 0; }BINGO!
Man… I have been fighting this for 5 hours now without result.
Enjoyed it though because it is a challenge to figure it out myself.
But my wife couldn’t put up with the swearing anymore so that’s why I had
to ask you.
Many, many thanks Andrew!
Apologies for the hassle. Glad to hear that did the trick :)
All the best with your site.
Sorry… it’s Mr Pain in the Butt again :(
Your custom CSS seems to have affected all pages now which is not the intention.
Any way we can only have it for the home page?
Thanks again.
No problem :) Head over to your Custom CSS and find this rule:
#main { padding-top: 0; }Change that to:
.home #main { padding-top: 0; }again BINGO!
You’re a magician.
Time for me to start studying CSS I guess. It’s fascinating.
Super, glad to hear that helped.
Every page and post has a unique class in the body tag. For the home page it’s: .home
Perhaps check out our Page: SiteOrigin CSS Editor plugin. It has a visual editor component that can help learning.
Greg’s original Custom CSS video is also worth a watch: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.
All the best.
I’ve got the CSS plugin and have watched Gregs video 3 times.
That guy speaks perfect English for a German (I think he is)
Thanks for checking the video out.
Greg has Dutch heritage, he’s from Cape Town. His accent is normal for our little part of Cape Town :)
That’s funny.
I am Dutch too.
Migrated to Australia in 1982.
Misplon….? Never heard of in Dutch.
Could be that your explanation is right.
Originally Meplau or something like that. Then perhaps just mispronounced here in South Africa.
All the best with your site :) Let us know if anything else comes up.
In regards to: Let us know if anything else comes up.
Well Andrew… I hate to be a pain….
But the last custom CSS:
.home #main {
padding-top: 0;
}
Seems to have re-introduced the gap issue on the home page.
Been away for dinner but just noticed it.
http://hbof.org
Sorry.
No problem, taking a look now.
Just need to remove the following rule from Custom CSS:
.home #main { padding-top: 20px !important; padding-bottom: 0px !important; }Should do the trick.
Magic again!
Thanks heaps.
For sure :) Glad to hear that helped.