Icon size

  • Resolved uprisingbakehouse

    (@uprisingbakehouse)


    3 years, 7 months ago

    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)
  • The topic ‘Icon size’ is closed to new replies.