Jump to content

Changing the font colour of a select dropdown

Recommended Posts

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

Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply
On 2/5/2020 at 10:35 PM, tuanphan said:

Code in Header should be 


your code


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 

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

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!

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.