Change color of custom label

Hello,

I have created an attribute called Label with a term called custom so that the label shows on the product image, but how can I change the color of it?

Thanks

Hello,

Please provide the URL of the page where the label is added to check it myself and help you out accordingly.

Best Regards

Thank you so much in advance for your help, here you can see the label ‘custom’ on this product page:

https://woocommerce-627090-2434363.cloudwaysapps.com/product/rolex-datejust-41-steel-oyster-custom-diamond/

Thanks

Hello,

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

span.attribute-label.product-label.label-term-custom.label-attribute-pa_label {
    background-color: red;
    color: white;
}

Best Regards

it works perfectly! thank you so so much Aizaz for your help!

Hello,

You are Most Welcome.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts