How To Change Default Font That Shopify Adds When Adding Filters Etc?

Technical Q&A
,
1

I am struggling to find out how to change the font + size that Shopify automatically adds when I add product filters (see for example my screenshot). The font that Shopify adds automatically is not the same as the fonts I have set in my typography panel that is used throughout my entire store. I have the same problem with the ‘Follow us’ and ‘We accept xxx payments’ in the footer panel. They also come in that default font, but not in the font that I have set for my store.

Anyone knows how to change that? And another question (only related to the footer), why are these in English? I have changed my language to Dutch, but yet they seem to be added in English. Anyone knows how to change this?

footer store.PNG
footer store.PNG733×212 4.84 KB

screenshot store.png
screenshot store.png887×612 32.8 KB

2

  1. Locate the relevant code sections:

    • For the product filters: Look for the code related to the collection or product filtering functionality. This could be in the “collection.liquid” or “product-template.liquid” file, depending on your theme’s structure. Search for code that generates the filter elements and look for CSS classes or styles applied to them.
    • For the footer text: Look for the code related to the footer section, usually in the “footer.liquid” file. Search for the specific text elements you want to modify.

  2. Modify the font and size:

    • Product filters: Look for the CSS classes or styles applied to the filter elements and modify the font-family and font-size properties accordingly. You can use custom CSS code or update the existing styles.