Change Newsletter Sign Up from rounded to square

smilla123 · ‎12-03-2024

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 · ‎12-04-2024

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 🙂

View solution in original post

Guleria · ‎12-03-2024

Hello @smilla123 ,

Edit theme.liquid here search for </body>

Now just before to it add this code

<style>
input {
    border-radius: 0 !important;
}
</style>

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

DaisyVo · ‎12-04-2024

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.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

DaisyVo · ‎12-08-2024

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.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

Ahmad31 · ‎12-04-2024

Hi, @smilla123

Log in to your Shopify admin.
Navigate to Online Store > Themes.
Click on Actions > Edit Code
Paste this code in theme.liquid file before </body> tag or after <head> tag

<style>
.newsletter-form input {
    border-radius: 0; /* Removes rounded corners */
}
</style>

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

Love my work? ☕ Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!

Ahmad31 · ‎12-04-2024

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

Love my work? ☕ Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!

smilla123 · ‎12-04-2024

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 🙂

Change Newsletter Sign Up from rounded to square

Change Newsletter Sign Up from rounded to square

Community Blog Articles