Solved

Change text color of filter groups

GUITAR_NERDS
Tourist
5 0 4

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

Accepted Solution (1)

Hardik29418
Shopify Partner
2858 407 1073

This is an accepted solution.

PLease place this code at the end of theme.scss

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12280 2546 3694

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Hardik29418
Shopify Partner
2858 407 1073

This is an accepted solution.

PLease place this code at the end of theme.scss

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
GUITAR_NERDS
Tourist
5 0 4

Amazing! It works perfectly fine. 

Thanks a lot! 🙂

Best regard,
Johannes

Hardik29418
Shopify Partner
2858 407 1073

Thank you for the update.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
GUITAR_NERDS
Tourist
5 0 4

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