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?
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
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.
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- 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
THANK YOU SO MUCH! You saved me another day of a coding headache!!!