Site logo

Archived topic

Footer - adjusting space between stacked widgets

3 replies · Started by Catherine on January 12, 2021

Viewing posts 1–4 of 4

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!

This archived topic is closed to new replies.