Hi @JonasDialga
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Topic summary
A user wants to customize their filter bar in Shopify’s Dawn 15.2.0 theme, specifically changing the background, font size, and font thickness through code rather than paid apps.
Key Requests:
- Modify filter bar styling (background, typography)
- Replace the ‘Availability’ dropdown with a toggle switch defaulting to ‘All products’ with option to switch to ‘Only available’
Progress Made:
- User discovered how to adjust font thickness independently
- Remaining challenge: changing the background color for the filter area
Solution Provided:
A community member offered CSS code to be inserted in the theme.liquid file before the </head> tag, with a screenshot showing the expected result. The specific CSS code was included but appears empty in the conversation thread.
Status: Partially resolved - styling solution provided, but the toggle switch request remains unaddressed.
1 Like