Contact form transparency issue

Hey thomasgafo,

Thank you for using Enfold.

The dropdown or the option elements are displaying correctly on Chrome MacOS, but it looks like you are on Windows. Did you add css to adjust the color of the option element?

You can try this css code to adjust the font color of the dropdown.

select, select option {
  color: black;
}

select:invalid {
  color: red;
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
Thank you for your patience and the screenshots and link to your site, when you use a transparent background on <select>, some browsers insert a white background on the drop-down, which can be an issue if your text is white, to correct this browser behavior you can use a color instead of white for the background.
Please try this code in the <strong style=’color:#000′>General Styling ▸ Quick CSS field or in the <strong style=’color:#000′>WordPress ▸ Customize ▸ Additional CSS field:

 #top div .av-light-form select > option {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
 }

the expected results:

After applying the css, please clear your browser cache and check.

Best regards,
Mike