How to change filter option to the color black?

Store Design
, , , , ,

Topic summary

A user seeks to change the filter option text color from grey to black on their Shopify store’s collection pages.

Current Issue:

  • Filter text appears in default grey
  • User wants only the font color changed to black, not other elements
  • Provided store preview link and password for reference

Proposed Solution:
Another user suggests adding custom CSS code:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate Asset → base.css file
  • Add CSS snippet at the bottom targeting filter elements with black color and bold font-weight

Status: Solution provided but not yet confirmed as implemented or tested. The discussion appears to be in early stages with one proposed fix awaiting verification.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m trying to change the color of the filter options on my store from the default grey to black (Only the font!). I’ve attached images showing the current look and what I’m hoping to achieve.

Here’s the preview link to my store: https://www.rappid.run/collections/frontpage
Password: Password

Thank you in advance for your help!

Best,
Kim

KimGottwald_0-1728293809947.png
KimGottwald_0-1728293809947.png400×231 33.2 KB

1 Like
2

Hi @KimGottwald

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
span.mobile-facets__open {
font-weight: bold;
}
span#ProductCount {
font-weight: bold;
}

ZestardTech_0-1728296779958.png
ZestardTech_0-1728296779958.png1752×422 27 KB