How to change Dropdown menu colour on Dawn theme

Solved
CutTheKragle
New Member
4 0 1

I'm struggling to change the colour of the dropdown menus on my site.

Since the colour of my text is white and the menus are white, you can't see the options unless they're highlighted.

 

Using the Dawn theme.

Thanks!

Accepted Solution (1)

Accepted Solutions
Mr_RaviRaj
Shopify Partner
488 55 91

This is an accepted solution.

@CutTheKragle 

select#SortBy option {
    color: black !Important;
}

Add this code in the bottom of the base.css file or component-facets.css file

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 7 (7)
suyash1
Shopify Partner
5314 614 882

@CutTheKragle - can you please share the website link? it will need CSS

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
Mr_RaviRaj
Shopify Partner
488 55 91

@CutTheKragle 

Kindly share your Store url. So that i can help you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
CutTheKragle
New Member
4 0 1

Thanks both. It's www.cutthekragle.com and the password is ocaold

Mr_RaviRaj
Shopify Partner
488 55 91

@CutTheKragle 

Where is the dropdown menu. i can't see it.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
CutTheKragle
New Member
4 0 1

If you go to Store and the it's Filter and sort.

Mr_RaviRaj
Shopify Partner
488 55 91

This is an accepted solution.

@CutTheKragle 

select#SortBy option {
    color: black !Important;
}

Add this code in the bottom of the base.css file or component-facets.css file

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
CutTheKragle
New Member
4 0 1

That worked! Thanks so much!