How can I modify the design of product filters?

[Marco211]

Hi everyone, thanks first of all for your help. So I would like to reduce the font size of the filters on desktop, then I would like to reduce the size of the filters also on smartphones and I would like to remove the arrow of the various filters on smartphones, sorry but I am very poor and I don't know how to do these things. Thank you all

refadestudios.com

password: refade

[Mike-Consentik · Accepted solution]

Hi @Marco211 

This is Mike from Omega

You can try my solution:

1. Open Theme -> Edit code 

2. Find base.css or theme.css or something like this and paste this code the bottom of file: 

span.facets__summary-label, h2.facets__heading, .facet-filters__sort, .facet-filters__label label {
    font-size: 13px !important;
}

@media (max-width: 767px) {
.mobile-facets__open-label  {
    font-size: 13px !important;
}

span.mobile-facets__arrow.no-js-hidden {
    display: none;
}
}

you can change the number of font size also.

Hope my answer will help you

Mike from Omega

[Marco211]

Thank you very much