Changing colour and font of option dropdown

Solved
Highlighted
Tourist
8 0 3

Hi,

Does anyone know how I can change the background colour and font of these dropdowns menus from white and black? Thank You! 

Screenshot 2020-09-10 at 15.54.30.png

 

0 Likes
Highlighted
Shopify Partner
1435 194 488

If you share your store url and password if password protected, as well as a link to the product, we can check for you and provide a CSS solution here.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
Tourist
8 0 3

It is just in the regular Minimal theme, I have not made any changes apart from basic colour changes

0 Likes
Highlighted
Shopify Partner
1435 194 488

This is an accepted solution.

You can add this to the bottom of your theme.scss.liquid file in your assets folder:

.single-option-selector, .single-option-selector option {
    background-color: black;
    color: white;
}


Can't change the color of the arrows though, as it's a background image. 

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
1 Like
Highlighted
Tourist
8 0 3

That's great - thank you!

0 Likes