change email capture

[JoaquinExcitare]

Hello,

Does anybody know how we can change the font type of the email caputure?

We also want the description to appear smaller on MOBILE and make the text "EMAIL" smaller.

Thanks

[oscprofessional]

Hi @JoaquinExcitare ,

Could you please share your store URL so that we can review it and provide you with the best solution?

[JoaquinExcitare]

URL: https://excitarestudios.com/

[oscprofessional]

Go to Online Store > Themes > Actions > Edit Code > base.css
Add below code in base.css  file

@media (max-width: 768px) {
 .newsletter-form__field-wrapper label.field__label {
    font-size: 13px;
    text-transform: lowercase;
 }
 .newsletter__subheading.rte p {
    font-size: 12px;
 }
}

[JoaquinExcitare]

Unfortunately, this code does not work

[ZestardTech]

Hello @JoaquinExcitare ,

Could you please provide the URL/ password  to your store so that I can check it and provide you with the exact solution?

[JoaquinExcitare]

URL: https://excitarestudios.com/ 

No password

[ZestardTech]

Hello @JoaquinExcitare,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.newsletter-form__field-wrapper .field label{
  text-transform: lowercase !important;
  font-family: cursive !important;
}

.newsletter-form__field-wrapper .field label::first-letter {
  text-transform: uppercase !important;
}

Let me know if you need further assistance!

[JoaquinExcitare]

Unfortunately, this code does not work

[topnewyork]

Hello, @JoaquinExcitare 
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

@media (max-width: 768px) {
 .newsletter-form__field-wrapper label.field__label {
    font-size: 13px !important;
    text-transform: lowercase;
 }
 .newsletter__subheading.rte p {
    font-size: 12px !important;
 }
}

 Thanks!

[DaisyVo]

Hi @JoaquinExcitare 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

Code 1: To edit font text

CODE edit font chữ email
.newsletter-form__field-wrapper > .field > input + label {
    font-family: Poppin !important;
}

Code 2: Reduce the text "email" on Mobile view

@media screen and (max-width: 768px){
.newsletter-form__field-wrapper > .field > input + label {
    font-size: 14px !important;
}
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.