Solved

None of my placeholders are appearing

Sten21
New Member
8 0 0

Sten21_1-1710478908695.png

 

According to everything I have done, my placeholder should appear, however, it doesnt. Cant find anything wrong in the code though.

Accepted Solutions (2)

tim
Shopify Expert
3329 254 1201

This is an accepted solution.

There is a rule in base.css which makes field input placeholders transparent.

You should try adding this to the "Custom CSS"  section setting:

 

.field__input::placeholder {
  opacity: initial;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.

View solution in original post

websensepro
Shopify Partner
1014 139 147

This is an accepted solution.

Hi @Sten21 ,

Replace this code

 

<input class="field__input font-preview__input" form="product-form-template--19010366800139__main" type="text" id="your-label" name="properties[Namn att printa]" placeholder="Skriv din text här" style="padding: 10px; margin-bottom: 10px; font-size: 18px; border: 2px solid #ccc; border-radius: 5px; width: 100%;" maxlength="5" required="">

 


This correct code

 

<input form="product-form-template--19010366800139__main" type="text" id="your-label" name="properties[Namn att printa]" placeholder="Skriv din text här" style="padding: 10px; margin-bottom: 10px; font-size: 18px; border: 2px solid #ccc; border-radius: 5px; width: 100%;" maxlength="5" required="">

 

 

websensepro_0-1710491639580.png

 


Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 8 (8)

techlyser_web
Shopify Partner
1423 268 282

Hello @Sten21 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Hardik29418
Shopify Partner
2913 419 1081

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

tim
Shopify Expert
3329 254 1201

This is an accepted solution.

There is a rule in base.css which makes field input placeholders transparent.

You should try adding this to the "Custom CSS"  section setting:

 

.field__input::placeholder {
  opacity: initial;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
Sten21
New Member
8 0 0

This worked! Thanks

websensepro
Shopify Partner
1014 139 147

This is an accepted solution.

Hi @Sten21 ,

Replace this code

 

<input class="field__input font-preview__input" form="product-form-template--19010366800139__main" type="text" id="your-label" name="properties[Namn att printa]" placeholder="Skriv din text här" style="padding: 10px; margin-bottom: 10px; font-size: 18px; border: 2px solid #ccc; border-radius: 5px; width: 100%;" maxlength="5" required="">

 


This correct code

 

<input form="product-form-template--19010366800139__main" type="text" id="your-label" name="properties[Namn att printa]" placeholder="Skriv din text här" style="padding: 10px; margin-bottom: 10px; font-size: 18px; border: 2px solid #ccc; border-radius: 5px; width: 100%;" maxlength="5" required="">

 

 

websensepro_0-1710491639580.png

 


Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
Sten21
New Member
8 0 0

Many thanks!