Hi I want to change text color on the filter only on my Sense theme. And I know I probably need to make the change on the coding but just don’t know how exactly I can do this.
Thank you!
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.
Hi @beikuo ,
Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.
This currently theme is not publish yet, but i can share a preview here
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
THANK YOU SO MUCH! It totally worked but I have another question, I found out that when I click the “Filter By” button the filter section is just blank, it should have all my filter options there in black text.
You can add this code below:
div#globo-dropdown-sort_options {
color: black !important;
}
1 Like