Anonymous User 17720058
(@anonymized-17720058)
Really simple. 🙂
By default:
.allergen-icon {
width: 24px;
margin-right: 4px;
}
You can change, for example, CSS (eg in customization of theme) eg. thus:
.allergen-icon {
width: auto !important;
height: 32px !important;
}
I added your suggestion in CSS:
.allergen-icon {
width: auto !important;
height: 32px !important;
}
the icons under the products on the shop page continue to be large and deformed
You can see the result on this page:
(First go here https://www.samasamarestaurante.com/?ign_skip=9826858144485)
https://www.samasamarestaurante.com/shop/
The theme is GRAND RESTAURANT (https://themeforest.net/item/grand-restaurant-restaurant-cafe-theme/11812117) without added plug-ins that may conflict.
Please help!
Thanks
Anonymous User 17720058
(@anonymized-17720058)
No worries!
The topic CSS overrides the settings, so it’s more precisely given. Use this, it worked for me:
.woocommerce-page ul.products li.product a img.allergen-icon {
width: 32px !important;
display: inline-block;
margin-right: 4px !important;
}
Great Dovi42!
You solved a big problem. Thank you very much.
When you will travel by my place you can choose your favourite dish by selecting the allergens that bother you. 😉