Happening now | Office Hours: Customizing Your Theme with Moeed | Ask all your theme customization questions now!

Input text color change

Input text color change

Daniel19901
Shopify Partner
294 2 86

Hi, for some reason the input text on the contact page is white can anyone send me the code to make that text (as well as the dropdown - country and the message) black ?

https://n1ppjm-vf.myshopify.com/pages/contact-1
pass: peopri


Daniel19901_0-1738831947973.png

 

Replies 2 (2)

Ahmad31
Shopify Partner
224 21 38

Hi @Daniel19901 

Ahmad31_1-1738835841492.png

 

 

  • Go to Online Store → Themes.
  • Click on Actions → Edit code.
  • In Assets, find the CSS file (likely theme.css, base.css, or styles.css).
  • Open the CSS file.
  • Scroll to the bottom and paste this code:

 

html body form#contact_form div.fieldset .form-control .input::placeholder,
html body form#contact_form div.fieldset .form-control .textarea::placeholder {
  color: #333 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #333 !important;
}
​

 

 

 

Love my work? Buy Me A Coffee
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!

LizHoang
Shopify Partner
1251 159 196

Hi @Daniel19901 

 

You can follow this instruction:

1. Go to Shopify > Theme > Customize

2. Copy and paste this code on Theme settings > Custom CSS section

 

select#select--template--23498555851017__contact_GjdVCf--contactcountry {
    color: black !important;
}

textarea#input--template--23498555851017__contact_GjdVCf--contactbody {
    --text-color: black !important;
}

 

Result: 

 

LizHoang_0-1738838376344.pngLizHoang_1-1738838389656.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program