Change Newsletter Sign Up from rounded to square

Shopify Discussion

Topic summary

A user sought to change their newsletter sign-up input fields from rounded to square corners to match their website’s design.

Proposed Solutions:

  • Multiple users suggested adding custom CSS code to the theme.liquid file (before the </body> or </head> tag) to override border-radius styling
  • Several responders requested the store URL to provide more specific guidance

Resolution:

  • The original poster resolved the issue independently without adding code
  • Solution: Navigated to theme settings in the shop editor and set all corner radius values to 0px under settings (left menu), which made all elements rectangular
  • This built-in theme customization option eliminated the need for custom code modifications
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I am looking to edit my website, so that the Newsletter sign up space (where the name & email address go) are square rather than rounded to fit with the rest of the website. I have attached a photo to show what it looks like now.

Thank you for your help!

smilla123_0-1733284775137.png
smilla123_0-1733284775137.png1672×198 17.2 KB

1 Like
2

Hello @smilla123 ,

Edit theme.liquid here search for

Now just before to it add this code

If not working please share the store URL.

Problem solved don’t forget to Like it and Mark it as Solution!
If you need help with customization/code part you can contact me for services

You can find the email in the signature below.

Thanks

1 Like
3

Hi @smilla123

Could you please share the link to that page so we can check and provide you with customization code to change it?

Looking forward to hearing from you soon. Thank you!

Best,
Daisy - Avada Support Team.

4

Hi, @smilla123

  1. Log in to your Shopify admin.
  2. Navigate to Online Store > Themes.
  3. Click on Actions > Edit Code
  4. Paste this code in theme.liquid file before tag or after tag
​

If the issue persists, please share your store URL so I can take a closer look and provide more specific guidance. Thank you!

5

Share Your Store URL. So, that i can help you

6

Hey! I ended up figuring it out myself. I didn’t need to add any code. I was in the shop editor, went over to theme settings (in left menu) and under corner radius set everything to 0 px, which made everything rectangular :slightly_smiling_face:

7

Hi @smilla123

I hope you are well. Thank you for your confirmation.

Please feel free to reach out if you need anything else.

Best,

Daisy - Avada Support Team.