How to change the appearance of the Sort By menu

[TTMG]

The color theme of my Website (Ride version 1.0.0) seems to apply the color of the text but not the color of the background of the drop down Sort By menu. How do you customize the colors on that menu? Or at least have it match the color scheme?

[Mac · Accepted solution]

Hi, @TTMG!

Thanks for reaching out in our Community forums and for sharing your concern, I’d be happy to help.

It sounds like you are looking to customize the color of the background of the drop down Sort By menu on the Ride theme. This can be done by following the steps below: 

1. Head over to your Shopify Admin, and click on Online Store
2. From there, click on the Action button beside the Ride Theme and select Edit Code
3. Then, you will browse through the Assets section and click on /base.css
4. Finally, you will add this code to the bottom of the file and save. 

 select[name="sort_by"] option {
background-color:#111;
}

 Please note, in this example, the color is set to black (#111), but you can replace it with any color that you desire. 

Kindly reply back to this thread with any questions or updates and we can continue our conversation further!

[cpfuller]

I have a question similar to this one. I need to change the background of the dropdown arrows that activate the menu and the filter options. In the images you can see that the words Availability and Price have white backgrounds and I want it to be the same color as the screen background.  The same is true for the for the drop down arrow  2 products in the sort by image.