tooltip icons are not visible

Hi @nctbrtc,
As I Check it happened due to a conflict with third-party plugin CSS. It overrides comparison table widget tooltip CSS due to similar class names.
To make the tooltip visible add this CSS code

td.eae-ct-feature .tooltip {
    opacity: 1;
}

it works, you’re great!

would you also can help for hover problem? The header of the table and the button row have hover color change, I try with my limited css but couldn’t resolve it.

Hi @nctbrtc,
To change the color of the header or bottom row on the table hover use this custom CSS. This is a sample code, change the value of color according to your requirement.
If you have elementor pro plugin use the below CSS else replace the “selector” with “.elementor-widget-eae-comparisontable”.

Header Hover CSS

selector table:hover tr:nth-child(1) td.eae-fbox-heading,selector table:hover tr:nth-child(1) td.eae-ct-heading,selector table:hover tr:nth-child(2) td.eae-ct-plan {
    background-color: red;
}

Bottom Row Hover CSS

selector table:hover tr:last-child td,selector .eae-ct-wrapper table:hover tr:last-child td.eae-button-heading{
    background-color: red !important;
}