Home › Forums › WoodMart support forum › "Out of stock" change to bigger size

"Out of stock" change to bigger size

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 25, 2020 at 8:10 pm #197800

    Ancimedia
    Participant

    I would like to change the size of the “bubble” that says Out of stock but in my case the word is longer and won’t fit now.

    See picture: https://prnt.sc/snn2gh

    Trying to figure out how to change it on the width but it wont work.

    Any suggestions?

    May 25, 2020 at 8:39 pm #197806

    Elise Noromit
    Member

    Hello,

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

    body .labels-round .onsale { 
color:#ffffff; 
background-color:#000000; 
font-size:12px; 
width:70px;
height:70px;
}

    Change the values as per your needs, if code does not work, please provide the page URL.

    Best Regards

    May 25, 2020 at 8:42 pm #197808

    Ancimedia
    Participant

    Isn’t on
    .product-label.out-of-stock {

    I should change?

    I’ve been adding
    font-size:12px;
    width:70px;
    height:70px;

    But no changes.

    May 25, 2020 at 10:17 pm #197843

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area

    Best Regards

    May 26, 2020 at 1:33 pm #198032

    Ancimedia
    Participant

    Try now, should be open up now.

    May 27, 2020 at 5:42 am #198171

    Ancimedia
    Participant

    Is there a way to make it bigger?

    May 27, 2020 at 9:45 am #198256

    Elise Noromit
    Member

    Hello,

    Your site is under maintenance, please provide your site admin access to the private area.

    Best Regards

    May 27, 2020 at 6:35 pm #198401

    Ancimedia
    Participant

    Its open now so you can see.

    May 28, 2020 at 10:19 am #198588

    Elise Noromit
    Member

    Hello,

    Replace the code with this one: 

    body .product-image-summary .product-images .labels-rounded .product-label {
    min-width: 70px;
    min-height: 55px;
}
body .product-label.out-of-stock {
    font-size: 10px;
}

    Best Regards

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