Re: Exit Text Size on Product Grid Filter Buttons

Solved

Exit Text Size on Product Grid Filter Buttons

riveringroots
Tourist
18 0 1

Screenshot 2024-07-13 at 7.33.11 PM.png

 

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!

Best Regards,
Rivering Roots
Accepted Solution (1)
AnneLuo
Shopify Partner
946 176 202

This is an accepted solution.

Change the code here to 1rem.

AnneLuo_0-1720920831168.png

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

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 7 (7)

AnneLuo
Shopify Partner
946 176 202

Hi, @riveringroots 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

riveringroots
Tourist
18 0 1

c6374b-cf.myshopify.com

Best Regards,
Rivering Roots
AnneLuo
Shopify Partner
946 176 202

And password please?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

riveringroots
Tourist
18 0 1

rtawmp

Best Regards,
Rivering Roots
AnneLuo
Shopify Partner
946 176 202

This is an accepted solution.

Change the code here to 1rem.

AnneLuo_0-1720920831168.png

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

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

riveringroots
Tourist
18 0 1

Thank you so much!!! This worked!

Best Regards,
Rivering Roots

BSSCommerce-TC
Shopify Partner
225 49 51

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

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via [email protected]


BSS Commerce - Full-service eCommerce Agency