How to alter the text size in Craft theme filter?

Topic summary

A Craft theme user seeks help adjusting the font size of filter labels and product counts on their collection pages.

Problem: The circled text elements (filter labels and product counts) need size modification.

Solutions Provided:

  • Artzen_tech suggested adding CSS to base.css targeting h2#verticalTitle, h2.product-count__text, and h2.facet-filters__label with font-size: 25px. When this failed, they recommended placing similar code before the </body> tag in theme.liquid.

  • INA_MSWEB proposed adding h2.facet-filters__label.caption-large, h2.product-count__text.body-text{font-size: 35px !important;} to the bottom of base.css.

  • Made4uo-Ribe offered the most specific solution: adding CSS to base.css targeting .facet-filters field label and span#productCount with font-size: 40px, including a screenshot showing the expected result.

Status: The discussion remains open. The original poster confirmed the first solution didn’t work but hasn’t tested the subsequent suggestions.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Go to the Online Store->Theme->Edit code->Assets->base.css>

Paste this css at bottom of base.css file

h2#verticalTitle {
    font-size: 25px;
    margin-top: 0;
}
h2.facet-filters__label.caption-large {
    font-size: 25px;
}
h2.product-count__text.text-body {
    font-size: 25px;
}