Change text colour in contact form dropdown options.

Home Forums Jevelin Theme Change text colour in contact form dropdown options.

Home Forums Jevelin Theme Change text colour in contact form dropdown options.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    RESOLVED Posts
  • Benjam1n
    Participant

    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.

    Attachments:
    You must be logged in to view attached files.

    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 team

    Benjam1n
    Participant

    Awesome – thank you.

    Benjam1n
    Participant

    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?

    Attachments:
    You must be logged in to view attached files.

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

    Benjam1n
    Participant

    Perfect! Thank you 👍

    You are most welcome here 🙂

Viewing 7 posts - 1 through 7 (of 7 total)