How can I change the text color on my Sense theme filter?

Store Design

Topic summary

A user seeks to change the text color of filters in their Shopify Sense theme. They know CSS modifications are needed but are unsure of the exact implementation.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open Asset → globo.filter.css file
  • Add CSS code at the bottom:
.sort-by, .limit-by, .hidden-xs, .sort-by {
  color: black !important;
}

Follow-up issue:
After implementing the fix, the user discovered that clicking the “Filter By” button displays a blank section where filter options should appear in black text.

Additional fix:
Add this CSS code:

div#globo-dropdown_sort_options {
  color: black !important;
}

The discussion remains ongoing as the user works through styling the filter dropdown elements.

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

Hi @beikuo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/v5.globo.filter.css->paste below code at the bottom of the file:

.sort-by.limit-by.hidden-xs,
.sort-by{
    color: black !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly