How can I make the color name visible on product images?

Hello,

i have a question:

when i put cursor over colour selector, colour name is too long and its hides under product picture, how to setup it to be visable on picture?
I add screenshot to clarify my situation.

1 Like

Hi @PrzemekRad can you share website url?

Why you need it?

In short - you need to add css style whitespace: wrap for this text. But if you want workable code snippet for your theme i need url to check classnames in dev console.

@PrzemekRad add this css part in code:

.globo-swatch-product-detail li label:hover .attr-title-hover {white-space: normal !important;}
2 Likes

Its a bit gliching when coursor left colour indicator, but works fine when its over it, so thanks :wink:

remove :hover state from css like:

.globo-swatch-product-detail li label .attr-title-hover {white-space: normal !important;}

this should solve glitch

2 Likes

Nice, thats working prerfectly :wink: Thank you very much