Tooltip in Comparison Table

  • Hello,

    As you can see in the linked page, the tooltip is not showing at all. I enabled the tooltip in Elementor and tried to change its colour as well. But there is nothing to display there. By inspecting the HTML code, their classes still exist. Does it have something to do with the icon itself not present in my website?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Hardik Sharma

    (@hardiksharma)

    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

    Plugin Contributor Hardik Sharma

    (@hardiksharma)

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tooltip in Comparison Table’ is closed to new replies.