How can I modify the text color and background transparency in a product grid?

Technical Q&A
,
1

Hello,I want to change text color(filter) in product grid,how I can do that?
Addittionally,when I click on the “Sort by” you can see default background color from this section,I want to be it transparent or how I can change the color of it?

https://d87cea.myshopify.com/

pass:sealye

Thank you for help!

filter color section change.png
filter color section change.png1866×751 235 KB

filter color.png
filter color.png1862×761 233 KB

2

Step 1: Go to “Edit” in your theme and find the file named base.css or theme.css.

Step 2: Add the following code to that file:

.facet-filters__sort { background-color: #FFFFFF !important; }

Good luck!

3

It didn’t help and how I can change text color of all filters?

4

Please open the file base.css and add the following code at the end of the file following the template shown below:

view (14).png
view (14).png1919×512 44.8 KB

.facet-filters__sort { 
background-color: #ffffff !important;
  color: #00000 !important;
 }

Color refers to the text color in your filters. You can refer to the CSS color values to find a suitable color for your needs.