[Resolved] Footer – adjusting space between stacked widgets

[Catherine]

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!

[David]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Catherine]

That worked perfectly. Thank you so much, David!

[David]

Glad to be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts