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

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

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, 11:24am 3

I tried but did not work

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

css code to change the text color to black

Related topics