• Resolved uprisingbakehouse

    (@uprisingbakehouse)


    I’m sure this is very simple, but how do I alter the size of the icons in one uniform way and what is your default size? Thank you šŸ™‚

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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. šŸ˜‰

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.