Change filter sidebar font size to 13px - prestige

Store Design
,

Topic summary

A user wants to change the filter sidebar font size to 13px on their Shopify store’s collection page.

Proposed Solutions:

Three community members offered CSS-based fixes:

  • Option 1: Add custom CSS in theme.liquid file above the </body> tag using a <style> block
  • Option 2: Insert code into Assets -> base.css file targeting .filter-sidebar class with font-size: 13px;
  • Option 3: Add CSS to the bottom of the theme CSS file targeting .facets .accordion-list .accordion .accordion__toggle with font-size: 13px !important;

Status: Multiple solutions provided, awaiting user implementation. The discussion includes a screenshot showing the current filter sidebar appearance. All responses recommend saving changes after applying the code.

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

Hi,

I would like to have the font size in the filter by sidebar to 13px:

admintb_0-1686208343822.png
admintb_0-1686208343822.png619×1909 10.6 KB

2

Hey @admintb

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1686208969251.png
Moeed_0-1686208969251.png394×551 4.05 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hello @admintb ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets → base.css file → add this following code at the bottom of page

.filter-sidebar {
  font-size: 13px;
}

Save changes

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

1 Like
4

Hi @admintb

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

.facets .accordion-list .accordion:first-child .accordion__toggle {font-size: 13px !important;}

Regards,

San

1 Like