Product Labels color

Hi.
I created one own product attribute label. I changed backround and font color for this label: .product-label.attribute-label:not(.label-with-img) {
background-color: rgba(213, 43, 151, 0.9);
color: #fff;
}
It works fine.

My question is: If I create multiple values for own label, they will all have the same background color and fonts. How do I set different colors for values of own attribute labels?

Hi,

Each attribute label has its own unique CSS class and you can use them to change the color. Could you please send us a link to your shop page so we can give you an example of that class?

Regards

Of course. Thanks.

Use this code for example

.label-term-skladem {
	background-color: red!important;
}

.label-term-vyprodej {
	background-color: green!important;
}

How simple 🙂 Thanks.

I still have one question for the product details rectangular labels. In Mozilla and Safari browsers, the label on the right is not aligned with the image. After loading, the image moves to the left. Do you see that anyway?

Hello,

Here is the view from Chrome http://prntscr.com/j1m3d6

and here is Mozilf view http://prntscr.com/j1m7rr

All the labels are on the left. Please clarify the issue.

Best Regards

I meant the single product detail page.

Hello,

I have checked the single product page:

Chrome http://prntscr.com/j1moeo on the right

Mozilla http://prntscr.com/j1mo3g on the right

Best Regards

So we see it the same way. The label is not aligned with the image. Not solve it.

Thank you for great support.

Hello,

Please inform where did you expect it should be? Take any screen and sign out.

Try this CSS code:

.product-image-summary .product-images .labels-rectangular {
    top: 15px;
    left: auto;
    right: 0;
    margin-right: 2px;
}

Is it what you need?

Best Regards

https://www.dropbox.com/s/jc4zbrkw453urk3/prtscrn-label-align.jpg?dl=0

Great, it works.

Thanks

You are always welcome. If you have any questions feel free to contact us.

Best Regards

Hi,

I can’t translate those labels with WPML.
There is no “string translations” for this.
How can I translate them, I have three languages ?

thx

Hello,

Please provide your site admin access. The site access you provided earlier does not have WPML.

Best Regards

Hi,

I provided the admin login (with a changed password in the second post) here:
https://xtemos.com/forums/topic/urgent-site-crashes-with-500-internal-server-error/

regards

Hello,

Try this string please http://prntscr.com/mynffj

Best Regards

[Author]

Posts