Enlarge hover texts of colors

Hi

For variable products with color buttons, it does not display the full color name on the shop and product pages (on hover) if the color names are too long.

How can I enlarge the displayed name?
And how to set it not to be covered by other elements?

Thanks for the help.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme settings > Custom CSS

div.tooltip-inner {
    padding: 8px 12px!important;
    line-height: 1.6;
    height: auto;
    white-space: unset;	
}

Best Regards

Thank you. It works now.

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

Best Regards

[Author]

Posts