Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
JerichoOffice

Changing the font colour of a select dropdown

Question

Site URL: https://www.jerichoroad.ca/admission

Seeking help on changing the font colour of the drop-down select, as the default font colour does not contrast with the form background. 
I have perused the internet to find this code but it is not working.

.form-wrapper .field-list .field select {
color: #171717;
}

What am I doing wrong? Any suggestions? I have placed this code in the header injection of the page the form is on. 

2020-02-05 (1).png

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0
On 2/5/2020 at 10:35 PM, tuanphan said:

Code in Header should be 

<style>

your code

</style>

Hi tuanphan

I am having the same issue with a product on our contact page. I have tried to same code and it has not helped. 

Using Mozillas code inspector I see that the class is .variant-select-wrapper and have changed the code to 

<style> 
  .variant-select-wrapper .field-list .field select {color: #171717;}
</style>

But again it has not helped. Here is the link to the page. https://www.jerichoroad.ca/contact-us
 

Thanks in advance for any help!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...