Hi,
I’ve attached an image of my footer. Currently there are 4 columns. First column is just text for the copyright. Third column has the social icons. The second and fourth columns just have a blank text in it.
How do I get rid of all that extra space where the red lines are? I want it very narrow and tight.
Thanks!
Nathan
Hey norcalnathan,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#footer .widget {
margin: 0 !important;
}
#footer .textwidget{
padding-top: 20px;
}
Best regards,
Vinay
Thank you Vinay – that improved it alot however the icons for the social media have space above and below still (not as much as before though). How do you remove the padding from them?
Thank you!
Nathan
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#footer p {
margin: 0;
}
Best regards,
Yigit
HI Yigit,
That had no effect. I think the issue is the padding around the social icons themselves.
Thanks,
Nathan
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#footer p {
margin: 0!important;
}
#footer .textwidget {
padding-top: 10px;
width: 100%;
min-width: 245px;
}
Remove the below code added earlier
#footer .textwidget {
padding-top: 20px;
}
Best regards,
Vinay
Thanks Vinay – it’s working great now!
Hi,
Glad to hear everything is working great Nathan! Feel free to reach out to us if you need anything else.
Best regards,
Jordan