terms of attributs image size !

hi, i have created a attributs names saisons and in this attributs i have created ”summer” “winter” and every terms had his image !
my goal is to display this terms of attribut in products like the screenshot bellow
but by default the term image are 50×50 ! it’s to big specialy in mobile !
how can i resize it ? for example 25×25 in mobile and 40×40 in laptop !
https://ibb.co/QFYwQD73

and how can add this terms attribut in filters ?
thanks

Hello,

To resize your attribute term images, you can use custom CSS. Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop:

.product-labels .label-with-img img {
    width: 40px !important;
    height: 40px;
}

For mobile, Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile:

.product-labels .label-with-img img {
    width: 25px !important;
    height: 25px;
}

Best Regards,

[Author]

Posts