How can I change the hover color of filter buttons?

Store Design
, ,
1

Hi there,

I changed the color of all my button to black and just noticed that it also turned the filter buttons black… How can I make the white with black font and that when you hover over them, they stay like this?

You can see here what I mean: You can see “Produkttyp: Zubehör” when you hover over the black button on the top left.

https://taneraskin.com/collections/produkte?filter.p.product_type=Zubeh%C3%B6r&filter.v.price.gte=&filter.v.price.lte=&sort_by=best-selling

Best,

Isa

2

Hey @isabellemaria

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.
3

Is above the body tag line 499 if body is in line 500?

4

Hello @isabellemaria

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

span.active-facets__button-inner {
    color: #fff !important;
}
5

When i hover over the button, it still become black and bigger. How can I prevent that?

6

Hey @isabellemaria
You can add this code to not make it black on hover
7

Thank you, and how can I prevent if from changing the size?

8

You can add this code to keep it the same size!