How change "Discount", "Hot", "New" labels position from left to right

Hello.
Please help with Labels.

How i change “Discount”, “Hot” ,”New” labels position

i need Discount Label stay left
i need New Label go stay left with Discount
i need Hot Label go right

and if possible dimensions and colors?
plase tell me i need custom 🙂

Hello,

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

.product-label.featured {
    left: 0;
    top: 15px;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    pointer-events: none;
}

.product-label.featured {
    position: absolute;
    transform: translate(100%, -50%);
    height: 26px;
}

Regards.
Xtemos Studios

[Author]

Posts