Remove name/text from each color in the Shade filter.

I created a metafield that allows me to filter on the shade/skin tone of my designs. Now, I’m trying to find a way to remove the “A”, “B” and “C” next to each of the options in the Shade Filter just so it’ll have a cleaner look. Also, if anyone knows how to make the shades go horizontally instead of vertically, that would be awesome!

Hi, @Nonchalant868 .

Please can you share your store URL?

Hey @Nonchalant868

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

The store URL is: www.reshapen.com and the password is WelcomeToReshapen

Hi @Nonchalant868

You can try to do that by adding this CSS code at the bottom of your theme.css or theme.css.liqui

.sidebar__item label > * { display: none; }
.sidebar__item label span.swatches { display: block !important; }

Is this the appropriate place to put the code? I put the code there, saved the change and refreshed the page but I didn’t see a change.

So this code is not working.

No, it’s not working.

@Moeed @websensepro Do any of you have a solution by chance?

I guess it need to edit code of your file. It cannot using CSS code to solve it.