Home New Guten › Forums › WoodMart support forum › Product count label size for cart icon and wishlist

Product count label size for cart icon and wishlist

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 24, 2019 at 7:08 am #125479

    Myla
    Participant

    Hi,

    could you help me increase the size of the product count label for the wishlist and the cart icon. I also want to make the number (in the product count label) more bold.

    I want to do that for both on desktop menu and mobile menu.

    Thanks you very much.

    Attachments:
    You must be logged in to view attached files.
    May 24, 2019 at 9:01 am #125524

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body  .whb-top-bar .woodmart-cart-design-5 .woodmart-cart-number,
body .whb-top-bar .woodmart-wishlist-info-widget .wishlist-count {
    width: 25px;
    height: 25px;
    line-height: 25px;
	font-weight:bold;
}
body .woodmart-cart-design-5 .woodmart-cart-number,
body .woodmart-wishlist-info-widget .wishlist-count {
font-size:20px!important;
	font-weight:bold;
}

    Best Regards

    May 24, 2019 at 10:16 am #125536

    Myla
    Participant

    Thank you it doesn’t work for mobile but for desktop it’s perfect.

    Could you please have a look at the mobile menu.

    Best regards

    May 24, 2019 at 11:28 am #125551

    Elise Noromit
    Member

    Hello,

    Please clean the cache and check again.

    Best Regards

    May 24, 2019 at 12:41 pm #125564

    Myla
    Participant

    I cleaned the cache but it does not work for the mobile menu

    Maybe it is because the icons are in the top bar for the desktop menu, but for the mobile menu they are on the main header ?

    May 24, 2019 at 3:11 pm #125589

    Elise Noromit
    Member

    Hello,

    Replace the code with: 

    body  .woodmart-cart-design-5 .woodmart-cart-number,
body  .woodmart-wishlist-info-widget .wishlist-count {
    width: 25px;
    height: 25px;
    line-height: 25px;
	font-weight:bold;
}
body .woodmart-cart-design-5 .woodmart-cart-number,
body .woodmart-wishlist-info-widget .wishlist-count {
font-size:20px!important;
	font-weight:bold;
}

    Best Regards

    May 24, 2019 at 6:16 pm #125620

    Myla
    Participant

    Thank you very much for your help, it worked well

    May 24, 2019 at 8:31 pm #125636

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Product count label size for cart icon and wishlist’ is closed to new replies.