css code to change the text color to black

[DusanKudela]

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.

[namphan · Accepted solution]

Hi @DusanKudela,

Please change code:

.contact-form label.label--hidden {
        position: relative !important;
}

[oscprofessional]

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;
}

[DusanKudela]

I tried but did not work

[DusanKudela]

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

[namphan]

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;
}

[DusanKudela]

thank you but this does not work

[namphan · Accepted solution]

Hi @DusanKudela,

Please change code:

.contact-form label.label--hidden {
        position: relative !important;
}

[DusanKudela]

I would like it to look like this:

[DusanKudela]

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

[DusanKudela]

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

[namphan]

Hi @DusanKudela,

With the current HTML structure, you can only display like I described, or like this:

[DusanKudela]

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

[namphan · Accepted solution]

Hi @DusanKudela,

Please change code:

.form-vertical input::placeholder,
.form-vertical textarea::placeholder {
    color: #333;
}

[DusanKudela]

You did it!

[DusanKudela]

☕

[namphan]

Hi @DusanKudela,

Thank you.

If you have any questions, you can contact me directly.
Happy to help you 😊