Product Grid Font

Technical Q&A
1

I am trying to modify the Product Grid text elements as “filter” “order by” and product counter with no success.
I’d like them to be smaller with titles in semi-bold.
How can I manage it?

2

Hi,

Hope this will help

Find correct css file and Add custom css

CSS example

/* Style for Product Grid Filter, Order By, and Counter */
.collection-filters__item,
.collection-filters__label,
.collection-product-count {
  font-size: 14px;     /* Makes the text smaller */
  font-weight: 600;    /* Semi-bold font */
}