If you like our themes and support, please SHARE our website! https://theme-sky.com/wordpress-themes/

Okay
  Public Ticket #1300224
Enlarge "Product Out Of Stock Label Text"
Closed

Comments

  • David Ferrer started the conversation
    September 12, 2017 at 8:16am

    Hi Theme Sky,


    I need to enlarge the "Product Out of Stock label Text" because my text does not fit. Is it possible?

    Thanks,

    David

  •  568
    Stormit replied
    September 12, 2017 at 2:16pm

    Hi David,

    Please try adding the custom css below

    .woocommerce .products .product .product-label .out-of-stock
, .woocommerce div.product .images .product-label span.out-of-stock
, .pp_woocommerce div.product .images .product-label span.out-of-stock{
    line-height:28px;
    min-width:70px;
}

    Please clear your cache after adding my code

    Best regards,

  • David Ferrer replied
    September 12, 2017 at 6:31pm

    Hi,

    I've changed the css code but still the same. I cleared the cache as well.

    Thanks,

    David

  •  568
    Stormit replied
    September 13, 2017 at 4:29am

    Hi David,

    You forgot clearing your browser cache. Please do it. It works with me.

    Best regards,

  • David Ferrer replied
    September 13, 2017 at 7:34am

    Hi,

    I did it but I did it wrong. Thank you.

     Is it possible to change the height of the label as well?

    Thanks,

    David

  •  568
    Stormit replied
    September 13, 2017 at 11:32am

    Hi David,

    Please update my code

    .woocommerce .products .product .product-label .out-of-stock
, .woocommerce div.product .images .product-label span.out-of-stock
, .pp_woocommerce div.product .images .product-label span.out-of-stock{
    line-height: 48px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
}

    Please don't forget to clear cache before checking it again

    Best regards,

  • David Ferrer replied
    September 13, 2017 at 12:38pm

    Hi,

    I've updated the code but I see the same. This time I do have cleared the cache, or so I think...

  •  568
    Stormit replied
    September 13, 2017 at 12:46pm

    Hi David,

    What cache did you clear? On browser, I don't see my updated code. Please check and clear the following caches if you have: hosting cache, caching plugin, browser cache and CDN.

    Best regards,

  • David Ferrer replied
    September 13, 2017 at 2:41pm

    Hi,

    I was only cleaning the browser cache. Now, I have cleaned the page cache and I can see it properly. Thanks for your recomendation. Furthermore, Ive changed the border radius to 0%.

  •  568
    Stormit replied
    September 13, 2017 at 3:25pm

    OK David