LABEL TAGS PRODUCTS

please tell what CSS I can use to make my labels look like this?

out of stock in the middle and the rest top left corner like that with same colors?

and if I can’t how do i turn off all labels like out of stock and sale?

please help

Hello,

I saw the screenshots you attached.

Please Go to Theme Settings >> Shop >> Product Labels and set them to rectangular.

Screenshot for Clarification: https://prnt.sc/wn7ngk

Then try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

span.onsale.product-label {
    background: green;
}

span.out-of-stock.product-label {
    background: #6cb1ee;
    color: white;
    margin-top: -10px;
}

span.featured.product-label {
    background: yellow;
    color: black;
    position: absolute;
    left: 50px;
    width: 100px;
}

Regards.
Xtemos Studios.

[Author]

Posts