Exit Text Size on Product Grid Filter Buttons

[riveringroots]

Hi! Novice here,

I’m not sure if I am using the correct wording here to describe what I am trying to achieve, but I am looking for help changing the font size of the remove button when filtering products. I was able to adjust the product type filter right next to it, and my coding also affected the text transformation for the remove button but didn’t work for size.

Here is the coding I used to adjust the product type: candles filter

.active-facets__button-wrapper,
.active-facets__button-inner {
font-size: 10px;
text-transform: uppercase;
}

Also, I just pasted this into the custom CSS section when editing my theme. I am not sure where to put it on the internal coding. I tried component.facets.css, but it didn’t work.

Thank you so much!

[AnneLuo]

Hi， @riveringroots

Please share the store URL so that I can assist you.

[riveringroots]

Rivering Roots

[AnneLuo]

And password please?

[riveringroots]

rtawmp

[BSSCommerce-TC]

Hi @riveringroots ,

Let try this one. Insert code at the end of file component-facets.css

.active-facets__button-remove.underlined-link {
        font-size: 1rem;
}

If it’s work well, please let us know by giving a like and mark as solution. Thank you

[AnneLuo]

Change the code here to 1rem.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

[riveringroots]

Thank you so much!!! This worked!