Move Footer Widgets closer together

[melissa_232]

Hi, I’ve used two widgets in the one footer (Text - which is a title “Join Our Tribe” and the line of text underneath this) and then HTML code to show a sign up form. Right now they look really far apart. I’ve found out through the forum how to decrease the size above and below the footer, but I want to decrease the size between the two widgets (that sit in the same footer).

Any help would be amazing! Have attached a pic for reference.

[ruenel]

Hello There,

Thanks for writing in!

To resolve your issue and adjust the gap between the widgets in your footer, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon.top .widget {
    margin-top: 20px;
}

We would loved to know if this has work for you. Thank you.

[melissa_232]

Perfect! Fixed it first time

What is the code to decrease the padding/space before and after this footer? I might give that a go also.

[friech]

Hi Melissa,

Those are top and bottom padding, you can reduce/adjust it with the following custom CSS.

.x-colophon.top {
	padding-top: 1%;
	padding-bottom: 1%;
}

Hope it helps,
Cheers!

[melissa_232]

Excellent! Thank you!

[friech]

You’re welcome, we are delighted to assist you with this.

Cheers!