Change the style of my filter bar

[JonasDialga]

Hello,

I would like to change the style (background, font size, font thickness).

The support said that it is not possible via a selection in Shopify, but via code.

All the posts I've seen about this are outdated and don't help me. I am using the Dawn 15.2.0 theme.

Unfortunately, I can't afford to spend 20 euros on an app just for the filter bar and want to do everything manually for now.

I would also like to know if it is possible to change the ‘Availability’ tab.

Instead of having two options to choose from, I would like to add a switch that is set to ‘All products’ by default and that can be changed to ‘Only available’

Is that possible?

[DaisyVo]

Hi @JonasDialga 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update? Attach pictures so I can better understand your problem.

[JonasDialga]

https://cardbrothers.de/

PW: riadre

[JonasDialga]

I also found out how to change the thickness and stuff for the filter bar.

I just want to know how to adjust for example the background for that specific area 

[topnewyork]

Hi @JonasDialga 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
side#main-collection-filters {
    background: #8cb26f !important;
    font-size: 2rem !important;
    font-weight: 600 !important;
}
</style>

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!