Product labels color

Hello team 🙏🏻

Two questions:
1) How to change the color of a specific product label (one of the ones by default – HOT, On sale, etc. and a one created as attribute)?

2) How to change the position (left instead of right, on the product picture) of a specific product label?

Thanks a lot.
Kind regards

Hello,

Please advise what shape of label you have, could you provide the page URL? We will give you custom CSS.

If you have any questions please feel free to contact us.

Best Regards

Hi Elise,

Per example, the label “En culture” below.
Thanks

Best regards

Hello,

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

body .product-label.attribute-label:not(.label-with-img) {
    background-color: red;
    color: yellow;
}

Please replace the color as per your needs.

Best Regards

I’m also interested to know how to change the position of the attribute label from left to right (or right to left).

Hello,

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

body .woocommerce-product-gallery .labels-rounded {
   top: 10px;
   right: auto;
	left:25px;
}

Best Regards

Hello Elise,

Ok but your code is for all labels, isn’t it?
We need a custom for specific attribute, that’s what I asked for.

Thanks
BR

Hello,

We can change the color of labels individually at the same time, the location cannot be changed individually due to HTML structure.

If you have any questions please feel free to contact us.

Best Regards

@Elise So there is no way to change label color individually, right?

Hello,

We can offer CSS for label type, for example, one color for sales, another color for new, and so on.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts