How can I change the email signup prompt to 'Enter your email'?

Solved

How can I change the email signup prompt to 'Enter your email'?

flammagreg
Trailblazer
276 0 39

How do I enter the email signup to say "Enter your email" rather than "Email"? Any help is greatly appreciated!

Screenshot 2024-01-22 at 1.11.27 AM.png

Accepted Solution (1)

theycallmemakka
Shopify Partner
1788 435 462

This is an accepted solution.

Hi @flammagreg ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.newsletter-form__field-wrapper label.field__label:before {
    content: "Enter your email";
    color: rgba(var(--color-foreground),.75);    
}
.newsletter-form__field-wrapper label.field__label {
    color: transparent;
}
</style>

RESULT:

theycallmemakka_0-1705908649269.png

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 3 (3)
flammagreg
Trailblazer
276 0 39

Hey Helal, 

 

I'm not seeing the `<label for="Email">Email</label> in "footer.liquid". Not sure if I'm missing it, but could you point out the line number? 

Website: https://flammashop.com/

flammagreg
Trailblazer
276 0 39

Man, I'm not sure if I'm dumb, but I'm still not seeing it. 

theycallmemakka
Shopify Partner
1788 435 462

This is an accepted solution.

Hi @flammagreg ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
.newsletter-form__field-wrapper label.field__label:before {
    content: "Enter your email";
    color: rgba(var(--color-foreground),.75);    
}
.newsletter-form__field-wrapper label.field__label {
    color: transparent;
}
</style>

RESULT:

theycallmemakka_0-1705908649269.png

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com