Return to previous page

Text colour changes within CSS - by emmalweb

This topic has 6 replies, 3 voices, and was last updated 4 years, 4 months ago ago by Olga Barlow

emmalweb

Participant

July 6, 2020 at 09:38

Hello – hope you are well?

Please could you assist? I have been trying to change the custom CSS on my site to change the colour of certain input text on the form fields to white so they stand out. The forms that are not completely working are the Mailchimp newsletter form, the contacts form, the woo-commerce checkout and the cart.

I have added the following custom CSS which changed everything bar the email address, phone number, order notes and ‘Your Message’ fields.

form input[type=”text”] {
color: #fff;
}

Is there anything you can please recommend that I add to the custom CSS to fix this?

Best wishes,

Emma

#243377 Copied Theme version: 9

5 Answers
Olga Barlow

Support staff

July 6, 2020 at 17:19
Hello,

Try to add the below code to change the placeholder text color
```
input::-webkit-input-placeholder,input.form-control::-webkit-input-placeholder {
    color: #fff;
}
input:-moz-placeholder,input.form-control:-moz-placeholder {
    color: #fff;
}
input::-moz-placeholder,input.form-control::-moz-placeholder {
    color: #fff;
}
input:-ms-input-placeholder,input.form-control:-ms-input-placeholder {
    color: #fff;
}
```
Regards
#243433 Copied
emmalweb

Participant

July 6, 2020 at 20:42

Hi Olga,

Thank you for checking – however, this didn’t work, unfortunately. The form fields I mentioned above are still appearing with black or grey text.

I have tried a cached version and it’s also the same.

Is there anything else I can try, please?

Thank you,

Emma

#243457 Copied

John Holden

Support staff

July 7, 2020 at 06:32

Hi,

Please disable minify CSS and clear cache.

Regards,
Hung PD

#243487 Copied

emmalweb

Participant

July 9, 2020 at 11:20

How do I do this?

Thanks

#243816 Copied

Olga Barlow

Support staff

July 9, 2020 at 11:32

Hello,

Contact your hosting provider to find out how to clear the cache on your site http://prntscr.com/tena6f I don’t see the mentioned code on the page. So either you did not add it correctly or you did not clear the cache to apply changes.
I don’t have access to your WP Dashboard that’s why I can’t give you any other detailed instructions.

Regards

#243819 Copied
Viewing 6 results - 1 through 6 (of 6 total)