Hello, can someone pls help me to make the text in my contact form visible? I mean the prefilled text like “Name” and “Phone number”. Currently it is white so it is barely visible against the white background. [ffwfw.jpg]

Hi @DusanKudela , Please change code: .contact-form label.label--hidden { position: relative !important; }

Hello @DusanKudela Please add the below css go to the online store > Edit code > assets > theme.css or base.css and paste this code #contact_form input { color: #000; } [oscprofessional_0-1723202273480.png]

is there another way? I have only the theme.scss.liquid in assets

Hi @DusanKudela , Please go to Actions > Edit code > Assets >theme.scss.liquid file and paste this at the bottom of the file: .contact-form label.label--hidden { color: #333; position: relative; }

thank you but this does not work

I would like it to look like this: [oscprofessional_0-1723202273480.png]

Now it is ok but not what I wanted. I will settle on yout solution. Thank you.

Hi @DusanKudela , With the current HTML structure, you can only display like I described, or like this: [Screenshot.png]

it is ok. But when you look closer you can see the original white text in the fileds.

css code to change the text color to black

Store Design

DusanKudela August 9, 2024, 3:56pm 8

actually it works but differently. The text was slightly visible above the fields

Topic		Replies	Views
Input text color change Store Design liquid , customizations , css	2	49	February 6, 2025
Change contact form text color Store Design design , css	3	40	May 26, 2024
Change color text input contact form sense theme Store Design design , css	3	74	February 11, 2023
Change Contact Page Font Color (White on white = illegible) Technical Q&A	6	57	December 4, 2021
How can I alter the color of my contact form fields? Store Design shopify-themes	5	121	October 13, 2024

css code to change the text color to black

Related topics