Shopify themes, liquid, logos, and UX
I'm using the Beyond Theme and can't seem to figure out how to change the text color in the contact form field and email signup field. Right now it's white text on a white background so while text can be entered, the user can't see what text was written. I've thoroughly searched and tried editing the code as suggested by other users, but still haven't been able to solve the problem. Any thoughts would be much appreciated.
Site: https://cruxleyfieldgoods.com/pages/contact
Solved! Go to the solution
This is an accepted solution.
@cruxleyfieldgoo , Please add the below line of CSS code at the end of your theme CSS file.
body input:focus-visible,
body textarea:focus-visible{
color:#000 !important;
}
This is an accepted solution.
Hi @cruxleyfieldgoo ,
Try this one.
textarea#contact_form_template--16158091280553__1632180071f18cee62-contact-textarea {
color: black !important;
}
input#search-input {
color: black;
}
Result:
I hope it help.
This is an accepted solution.
@cruxleyfieldgoo , Please add the below line of CSS code at the end of your theme CSS file.
body input:focus-visible,
body textarea:focus-visible{
color:#000 !important;
}
Perfect! Thanks so much!
Worked for me as well. Thank you!
This is an accepted solution.
Hi @cruxleyfieldgoo ,
Try this one.
textarea#contact_form_template--16158091280553__1632180071f18cee62-contact-textarea {
color: black !important;
}
input#search-input {
color: black;
}
Result:
I hope it help.
Thanks so much! It worked. Truly appreciated...only wish I would have asked earlier.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025