Color Palettes Color Labels are behind other elements on page

[Dwight]

Great plugin but when writing a color palette label (example: #f2f2f2f – White), the labels are behind the other elements on the page and cannot be seen.

Example: apronsandsmocks.com.temp.realssl.com/product/pocket-bib-aprons

When you hover over the white “Thread Color”, you will see part of the label show up to the lefthand behind the white background container.

In addition, the label shows up with no background color, only text. I guess this is a “ToolTip”, but doesn’t seem to be displaying correctly. I would expect the hover over the pallet colors to work like other product swatch colors on the page with a dark gray background and white text.

Also regarding the label, is there any way to NOT have the #colorcode showing on the label? Those color codes don’t represent anything to do with a thread color. Would be much cleaner without it and just have a color name/description.

Thanks.

• This topic was modified 6 years, 4 months ago by Dwight.

[Dwight]

• This reply was modified 6 years, 4 months ago by Dwight.

[Flash]

This is what I’m seeing in Chrome:

PPOM Color Picker ToolTips

Same view with MSIE, FireFox and Safari. What browser are you using?

Flash

[Dwight]

Thanks. What you see there is correct, but that is not generated from he PPOM plugin. That is from another product plugin, WooSwatches. If you look down the page you will see “Thread Color”, which is the PPOM plugin using “Color Palettes”.

[Flash]

Sorry, missed that. Your right, that is pretty lame.

Ideas: used named colors for your colors instead of hex codes?
https://htmlcolorcodes.com/color-names/

Test getting the color name on top by switching themes briefly to see how it behaves.

That’s all I got.

[nmedia]

Hi,

Ok we have noted it and hopefully we will release fix in next version very soon.

[Jane Brian]

HI
It has been a long while for this topic, so we are closing this.

[Author]

Posts