Filter Menu Appearance

[motherandearth]

I have scoured the code and seemingly can't find what I am looking for- I am wondering how to change the appearance of our Filter sidebar menu. I would like it to just list the options, rather than have them as buttons. The buttons don't look great, aren't the buttons from our theme (so its not something I can change in settings), and also have a funky mosaic-like layout. Does anyone know where I might be able to find where I can change this? 

[DaisyVo]

Hi @motherandearth 

Please provide the link and a screenshot of the issue.

Also, let me know how you’d like to change it and specify the details clearly.

Best,

Daisy

[motherandearth]

https://motherandearth.com/collections/toys-baby-toddler-0-2yrs/type_educational

See how the list of filtering options is buttons? I want to change those. Would prefer to have them just in a list. 

[DaisyVo · Accepted solution]

HI @motherandearth 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.filter-group--wrapper > li.filter-item {
    width: 100% !important;
    text-align: left !important;
    border: none !important;
}
.filter-group--wrapper > li.filter-item > a {
    justify-content: flex-start !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[motherandearth]

THANK YOU SO MUCH! You saved me another day of a coding headache!!!