Product label position

Product labels, Sale, Hot and New appear on the left of the photo in the shop pages but show on the right in single product page.
Can they be made to be on the same side? ie make the single product labels show on the left.
Many thanks

Hello,

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

body .labels-rounded {
    top: 7px;
    left: auto;
	  right:7px;
}

Best Regards

thanks, that puts them on the right, need them on left.
I tried changing left and right in code but dosen’t work, does it have to be in certain order ?
thanks

Hello,

Please replace this code with this one:

body.single-product .product-images .labels-rounded{
    top: 15px;
    left: 15px;
	  right:auto;
}

Best Regards

Perfect, thank you

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts