New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change filter color text in product grid

fffff21
Visitor
2 0 0

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.pngfilter color.png

Replies 3 (3)
BSS-Commerce
Shopify Expert
2942 395 414

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!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

fffff21
Visitor
2 0 0

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

BSS-Commerce
Shopify Expert
2942 395 414

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

 

.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. 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development