Making the email subscription box corners round

[NelRas]

Hi!
I am using the Dawn theme for my online store and I would like to change the borders of the email subscription box and also the country/region dropdown to a more rounded look. I managed to do that to some extent on the email subscription box, but the default Dawn rectangular border around the text box still remains. I have tried to change it in ''Edit code'' as well with the help of Chatgpt, but it hasn't worked in any way. 

Thanks in advance for all the help!

 

[diego_ezfy · Accepted solution]

Hello @NelRas@NelRas,

I hope you're doing well!

You can fix this in 20 seconds:

1. From your Shopify Admin go to: online store > themes > three dots > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after,
.field,
.field__input, .select__select, .customer .field input, .customer select,
.field:before, .select:before, .customer .field:before, .customer select:before, .localization-form__select:before{
    border-radius: 10px; !important;
}

You can change the 10px value to anything else.

If it helps you please click on the "like" button and mark this answer as a solution.

Thank you.

Best,
Diego

[NelRas]

Amazing, it worked perfectly! I changed 10 px to 20 px for a more rounded look. Thank you!

[dreamtechzone_5]

Please help me, Sir. Thank you.

https://community.shopify.com/c/shopify-design/feature-image-as-a-1st-image-on-the-product-page-pres...