Hi @matt34,
This happened due to the conflict between theme CSS or Widget CSS. you can add this Custom CSS it can resolve your problem.
.eae-ct-feature .tooltip
{
opacity: 1;
}
Thread Starter
matt34
(@matt34)
Hello,
The issue is kind of solved now. I can see the tooltip now. But now the tooltips go on top of the sticky header menu as you scroll down. Is this also a theme-plugin conflict and what can be done to solve that?
There are also other questions regarding the comparison table:
1. Can the tooltip width be changed? Currently, all the tooltips are too narrow in width and the words are squashed together. I want them to open wider instead of taller. Can some CSS help solve that?
2. When I type the price with decimal places, those decimals goes to the fractional part and the price display omits the ‘.’. Can we type the price, e.g. “4.5” including the “.”?
Thanks,
Matt
Hi @matt34,
Tooltip goes over the sticky header because of the theme CSS. So you can add this Custom CSS to the widget to resolve this
.eae-ct-feature .tooltip {
z-index: 1;
}
And for tooltip width, you have to add this custom CSS to widget
.eae-ct-wrapper .tooltip .tooltiptext{
position: absolute;
left: 50%;
right: 50%;
transform: translate(-50%, -100%);
width: 250px;
margin-left : 10px
}
.
Right now widget does not display decimal in price.