Archived topic
Footer - adjusting space between stacked widgets
3 replies · Started by Catherine on January 12, 2021
Hello,
First off I apologize if this is a duplicate question! I did look through the forums and documentation but can't seem to figure out the issue I'm currently experiencing. I am building a client site with the GP Dev site as a starting point. My footer has 3 columns and within each column there are 2-3 widgets stacked on top of each other (stacked rows within columns, essentially). Is there any way to adjust the spacing between these stacked widgets? I would like to add some space before each widget header/title to give a bit more breathing room.
Thanks so much!
Hi there,
by default there should be 30px bottom margin below each stacked widget ( except the bottom one ).
If you want to increase just that spacing then you can use some CSS like this:
.footer-widgets .widget {
margin-bottom: 50px;
}
That worked perfectly. Thank you so much, David!
Glad to be of help!