Hello, i have tried adding the CSS code mentioned here https://www.support.waituk.com/hc/en-us/articles/115002271145-Reduce-Footer-Height but it wasn’t quite all i needed, i need to reduce the empty space between the copyright area and the widget blocks, the CSS in the link i pasted 3 lines up fixed enpty space at the very beginning of the footer, but added so much in the copyright area…link to site: HIDDEN please hide once we fixed it. thank you!
Hello there,
I believe you mean the spacing between the widgets and the bottom footer. Please check image below to see what I understand:
If this is what you require: please
-
Go to Appearance >> Customize >> Custom CSS and JS >> Custom CSS box
-
Add the CSS below inside your custom CSS box:
.footer-holder {
margin-bottom: 5px !important;
}
- Click on Update File and check your frontend. You can replace 5px with your own spacing as required.
Please let me know if you meant something else.
Thank you
so much better, i am using these settings:
#footer .container {
padding-top: 20px;
padding-bottom: 5px;
}
.footer-holder {
margin-bottom: 5px !important;
}
the copyright line has got much bigger, can we make it the way it was before? for some reason applying these settings made it bigger, i tried different configurations. thank you again!