- This topic has 6 replies, 2 voices, and was last updated 4 years, 3 months ago by
.
Hello,
Is there a way of changing the colour of the text in the “dropdown” options in contact form 7?
I know how to change the colour of the text but I want the “headings” of the fields to be white (it’s currently gold) – and that means the selections from the dropdown will be invisible.
Hopefully this makes sense.
I’ve attached a screenshot which shows what I mean.
Thanks for your help.
Ben.
Solution for this topic
Hi Ben,
I hope you are well today and thank you for your question.
You can change its color by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .wpcf7-form label, #page-container .wpcf7-form .cf7-required:after { color: #FFF !important; }Best regards,
Shufflehound teamAwesome – thank you.
I’ve just tried that and whilst it’s changed the colour of the text in the dropdown options – it’s also changed the text colour of the field names to black which means they’re invisible.
See the screenshot below.
Like in the screenshot, I want those options in the dropdown to stay black, but i want the names of the fields to be white.
Is it possible to have them a different colour?
Solution for this topic
Please also use the below CSS code to change the dropdown option color.
#page-container .wpcf7-form li label { color: #000 !important; }Perfect! Thank you š
You are most welcome here š
