How do I change the background of the dropdown menu?

I am using the empire theme and have looked at other posts that reference changing/adding a line of code above “” however, I do not have that in my theme.liquid code. Not sure what to do and help is very appreciated.

Hi, @SolarizeDirect

Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.

https://solarizedirect.com

I also noticed this at the top that I would like to change as well

I am looking to change the white background on the main search bar as well as the white background on the product page’s sort by options.

https://solarizedirect.com/collections/solar-kits

here is a page that has the sort by included.

I would like them to match my background with the color #473936

Bonus points if we can get the blue highlight to be this yellow #EAAF58

And password please.

tiltah

Hi @SolarizeDirect ,

Please navigate to Online store => Themes => Edit code:

Find the file theme.css and add this code in the end of file:

#live-search-filter option, #product_grid_sort option {
    background: #473936;
    color: #fae2c8;
}

Result:

Bonus: For the blue highlight, we can’t change the highlight color (when you hover) of a select tag.