Can anyone please help me why I can't change the font color to black?

http://www.amorpure.com/

that’s the website I am working on. In the contact section, the font of the form is grey (#aaa) And i want to change the color to black so it is easy to read. I can’t seem to change the color? I’ve done everything I can think of doing - inspect it, class=“black-color” on each div class, updated the CSS file that color should be black. But it won’t change color??? Am I missing something here? This should be so easy to change yet I am having huge issues. please help

Hi Rosstopherr, i believe you’ll need to change the colour of the placeholder rather than the element. W3Schools has a useful article on doing this:

https://www.w3schools.com/howto/howto_css_placeholder.asp

I believe an example for your code would be:


input#mobile::placeholder{
    color: grey;
}

1 Like

thanks for the reply! I have done what you have said but can’t change the placeholder color??
your example code, is this what I should put in my css file or something you have found/ guessed?
this is the code I have it now

::-webkit-input-placeholder {
    color:black;
}

::-moz-placeholder {
    color:black;
}

::-ms-placeholder {
    color:black;
}

::placeholder {
    color:black;
}

Apologies, i believe i was slightly unclear in my response. you will need to suffix the relevant element containing the placeholder with the ::placeholder selector. For example, to target all inputs with a type of “text” you would use:

    input[type="text"]::placeholder{
        color: black;
    }

This should change all of your text inputs to black.

DOn’t worry I have foudn the solution! but thanks to you for the placeholder comment!! was really bugging me hahaha

1 Like