Change "SUBSCRIBE TO OUR EMAILS" field from rectangle to pill shaped on Footer Menu

[itsfrizzy]

Is it possible to change the box/field where you submit your email on footer menu from rectangle shape to pill shaped?

Also is it possible to change the text inside that field to make it bold and upper case, now it says Email and i'd like to have it as EMAIL 

I use dawn theme and my website is www.storeolympia.com

[suyash1 · Accepted solution]

@itsfrizzy - add this css to the end of your base.css file and check

.newsletter-form__field-wrapper .field:after{border-radius: 15px;}

.newsletter-form__field-wrapper .field__input::placeholder{font-weight:bold; text-transform:uppercase;}

[suyash1 · Accepted solution]

@itsfrizzy - add this css to the end of your base.css file and check

.newsletter-form__field-wrapper .field:after{border-radius: 15px;}

.newsletter-form__field-wrapper .field__input::placeholder{font-weight:bold; text-transform:uppercase;}

[Moeed · Accepted solution]

Hey @itsfrizzy 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
    border-radius: 100px !important
}
label.field__label {
    text-transform: uppercase !important;
    font-weight: bold !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed