How can I alter the text color of filter groups on my dark-themed store?

Hey there,

I am using a dark designed look on my store. That is great, but only thing I cannot find a solution for is the problem, that the text of the filter grouping is black on a dark background: https://guitar-nerds-store.de/collections/westerngitarren-1

On the left side, you see the grouping filters - the options-texts are white, but the groups-headings above the white lines are black.

What would be a solution for this?

THANKS in advance!
Johannes

2 Likes

@GUITAR_NERDS

Please add the following code at the bottom of your assets/theme.dev.css file,

.template-collection button.collection__filter-title {
    color: #fff;
}

Let me know if this works.

Thanks!

PLease place this code at the end of theme.scss

.collection__filter-title {
color: #ffffff !important;
}
1 Like

Amazing! It works perfectly fine.

Thanks a lot! :slightly_smiling_face:

Best regard,
Johannes

1 Like

Thank you for the update.

Additional questions to the same topic (filter groups)

I am using Palo Alto theme and use filter groups, see here for example (on the left side): https://guitar-nerds-store.de/collections/westerngitarren-1

Now, using more than one option within one filtergroup doesn’t work, then nothing appears.

Is there a solution for this one to get a real filtering with multiple choice options?

THANKS in advance and best regards,
Johannes
Owner