Add space between 'first name' and 'email' on newsletter sign ups

Hiya! I have just figured out how to insert the ‘first name’ field into my newsletter sign up - however now it looks a little funky.

You can see here that they are stacked directly on top of each other, but I’d like some padding between the two fields.

Can you share the site’s url?
Otherwise right click on the top fields, check the css selector, and add a custom css rule with like margin-bottom: 20px. Probably only happening under a certain size I assume, so you might need a media query

Hiya - URL is here, https://shop.qvwc.org.au/

It is happening regardless of the size of the desktop screen, I have it at full screen right now and it is still very squished in

I also can not just ‘select the top field’, I can only select the pop up box.

Hi @BrookeGillard1

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


You can change the value to increase/decrease spacing

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like

You’re amazing Richard! Thank you!

My only thing now, where the fields aren’t stacked they look like this now. Any ideas?

@BrookeGillard1 You can replace the code above with this new one


1 Like

You’re the best, thank you so much!