need help with footer spacing issue studio theme

Hi friends,

I need some help fixing these spacing issues. I’m assuming the issue is with the footer blocks, but can’t figure out how to remove the spaces.

1 Like

@acornandartisan

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:

Thanks for your good question.

Please share your site URL,

I will check out the issue and provide you a solution here.

thank you!

my website is www.acornandartisan.com

1 Like

Please add below code in bottom of assets/base.css file

.footer-block.grid__item [data-ff-el=“root”].ff-6258b0a788ee7df09474fed2 .ff-6258b0a788ee7df09474fed2__form {

padding: 0px;

}

Problem related to social icon it need some code customization.

Thank you.

@acornandartisan

yes, please

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
form.ff-6258b0a788ee7df09474fed2__form.fd-focus-visible-applied {padding: 0 !important;}
.footer__content-top {position: relative;}
.footer__list-social.list-social:only-child {position: absolute;top: 110px;width: 180px;justify-content: center;}

Thank you so much! That fixed it!!

1 Like

@acornandartisan

its my pleasure to help us