Archived topic
Footer Top Margin and/or Top Padding
4 replies · Started by Butch Pornebo on February 18, 2021
Using Site Library Template Dispatch
https://gpsites.co/dispatch/
I want to reduce the top margin and top padding of the footer.
Found the padding BUT can not find the top margin.
Is this set in the customizer or needs a CSS mod?
Hi there,
The footer doesn't have a top margin. It's the main content that has a bottom one.
.separate-containers .site-main {
margin: 30px;
}This one is set from Appearance > Customize > Layout > Container > Separating Space. The Default value is 30px but you can set it to 0. The caveat is, there won't be any separating space for the items.
That said, we can specifically target the margin-bottom of main#main so only the bottom space is removed.
Try this CSS:
.separate-containers main#main.site-main {
margin-bottom: 0;
}Sorry, that did not do the trick (:
staging site url in private info
got it.
Customizing > Layout > Container > Content Padding > Bottom > 0
Customizing > Layout > Footer > Copyright
then on the copyright box I have a <p> html tag that has auto-pad that is pushing the content down more.
Thanks for the assist....
Glad you figured it out :)
