Thinner Footer
-
Hi everyone!
I have 2 main issues with my site right now.
As you can see, my footer is far too big and bulky. I need help with the following:
1. How can I reduce the height of my footer so that there isn’t so much empty space?
2. How can I decrease the space between the page content and the footer so that it doesn’t hover too high over the footer?
Thank you in advance!
The page I need help with: [log in to see the link]
-
you could put the following code in your Additional CSS:
first should get rid of the padding at the botom of the content
and
the second the margin and padding at the top of the information in the footer.site-content { padding-top: 50px; padding-top: 3.125rem; padding-bottom: 0px; position: relative; }
.site-info-wrapper { margin-top: 0px; text-align: center; padding-top: 0px; padding-bottom: 8px; font-size: 15px; font-size: 0.9375rem; letter-spacing: .15em; color: #6d686c; }
Dude. You. Are. Amazing!
It fits perfectly! Problem SO solved!
as i’m using a storefront theme, i noted various css components can also be tuned
but that aggressively flushing / removing the padding may make the texts and layout too flushed against an edge etc. there are apparently various components in the footer which probably ‘spaced out’ the items.site-footer { padding-bottom: 5px; padding-top: 20px; } .site-info { padding-bottom: 0px; padding-top: 0px; } .footer-widgets { padding-top: 0px; padding-bottom: 0px; }
- The topic ‘Thinner Footer’ is closed to new replies.