Attribute Label Colors

I have added an attribute to one of my products as I wish to display it as a label. I am struggling to change the label colour though. I have used both of the following codes in an attempt to change colour with neither being successful:

.attribute-label.sold-as-pair {
background-color: #ffc801;
color: #ffffff;
font-weight: 900;
}

.product-label.sold-as-pair {
background-color: #ffc801;
color: #ffffff;
font-weight: 900;
}

Can anyone point me in the right direction? Thanks

Hello,

Thank you very much for choosing our theme and for contacting us.

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

/*hot*/
body .labels-rectangular .featured {
color:#ffffff;
background-color:#000000;
font-size:12px;
}
/*new*/
body .labels-rectangular .new{
color:#ffffff;
background-color:#000000;
font-size:12px;
}
/*sales*/ 
body .labels-rectangular .onsale { 
color:#ffffff; 
background-color:#000000; 
font-size:12px; 
}

If you have a rectangular attribute replace “rounded” with “rectangular”

Best Regards

[Author]

Posts