label views change

Hello there

I have 2 questions

1-) I want to remove the discount product labels.

example image: https://prnt.sc/vlpev0

2-) I want to change the location of the no stock label on products that are out of stock. I want it to appear in the section where the amount increase button is. How can I do it with css code.

Note: Please help me solve this problem as out-of-stock items appear uneven

( irregular view example: https://prnt.sc/vlpfe4)

thank you very much for your attention

Attachments:

You must be logged in to view attached files.

Hello,

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

body .labels-rectangular .onsale{ 
display:none; 
}

Please provide the page URL with our of stock products I will provide custom CSS.

Best Regards

Added URL custom area

Thank you

Hello,

I have checked it is not possible to place right near the amount, however, I can put it in the left bottom of the image, try this code:

body .labels-rectangular {
    bottom: 0;
    left: 0;
}

Best Regards

Unfortunately it didn’t work

Hello,

I can move the label to this place https://prnt.sc/vmox84 there is no option to move lover

Please try this code:

body .labels-rectangular {
    top: auto;
    left: 0;
    bottom: 0;
}

Best Regards

[Author]

Posts