Shopify Forms Section Help Removing Extra Spacing from

Shopify Forms Section Help Removing Extra Spacing from

kimberlyw
Tourist
5 0 2

I recently added a form using the Shopify Forms app. and it added a ton of spacing in the section for Desktop. Mobile looks OK.

I inspected the page and noticed that the form or section is being wrapped in some kind of auto-generated container. I tried reducing padding in the section settings, but that didn’t help either.

My questions:

  • Is there a way to control alignment or spacing for Shopify Forms without editing the app code?

  • Has anyone figured out how to reduce the extra space?

  • Should I use a different form app if this can’t be fixed?

Would love any tips, especially from others using Shopify Forms with custom themes. Thanks in advance!

Replies 4 (4)

tim
Shopify Partner
4548 548 1660

Follow this recipe, just use different rules:

https://community.shopify.com/c/shopify-apps/font-setup-in-shopify-forms-app/m-p/3027182/highlight/t... 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
kimberlyw
Tourist
5 0 2

Thank you. Where does the CSS go?

kimberlyw
Tourist
5 0 2

No. Maybe it's because I have a complicated theme? It's called Concept and it has several css files. I did put it in theme.css though. 

kimberlyw
Tourist
5 0 2

Sent a message, not sure if we're allowed to post here or not.