How do I make this texts the same size as the filter texts?

[Lucas1200]

How do I make this texts the same size as the filter texts? the are not the same right now.

Check it out: https://www.vedettemaison.com/collections/sweaters

[Mehran_Ali]

Hi @Lucas1200 

Hope You have a Good Day,
I have checked the font sizes of both the " Filter " and " Count text "  and the font properties used for both are the same it is just the color is different which is why it seems big also due to the word count.

Here are the Screen Shot Prove taken from your store.

[Lucas1200]

How can u fix it?

[Mehran_Ali]

Well what to fix here you said the font properties are not the same but in your store, they both have the same font properties now you tell me what do you want  
Either you want to reduce the size of Count or you want to just same the color of both because right now the only difference between them are color 

[LizHoang]

Hi @Lucas1200 

To edit the font size of the text, you can follow the instruction here: 

1. Go to Shopify > Theme > Customize > Open Custom CSS. 

2. Copy and paste the code below to the section > save. 

https://prnt.sc/8KdQyESF9_dw

form#FacetFiltersForm div#FacetsWrapperDesktop h2#verticalTitle {
    font-size: 14px !important;
}
form#FacetFiltersForm .product-count h2.product-count__text {
    font-size: 14px !important;
}

[Lucas1200]

Thank you, is works on desktop now, but it doesn't work on mobile. Can you help me with that too?

[LizHoang]

Hi @Lucas1200 

you can add this CSS code to apply the adjustment on Mobile :

@media screen and (max-width: 768px){
#shopify-section-template--21588491010394__product-grid h2.product-count__text.text-body {
    font-size: 1.5rem !important;
}
}