I dont want to lose the tooltips on the team member hovers..
.avia-tooltip.avia-tt { display: none !important; opacity: 0 !important; }
is there a way to target just the gallery tips ?
Thanks
Hi,
You can always apply CSS only to a specific page, example:
.page-id-22 .avia-tooltip.avia-tt { display: none !important; opacity: 0 !important; }
Regards,
Josue
thanks… how can i do the reverse of this ? its only one page (team member) I wish to have tooltips on…
.page-id-8 .avia-tooltip.avia-tt { width: auto;display:block!important; opacity: 100!important; }
.page-id-1509 .avia-tooltip.avia-tt { width: auto; display:block!important;opacity: 100!important; }
This enables the function, but the tooltip stays once its been activated.
You need to rewrite the js code. Open up and replace
new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});
with
$body = $('body');
if($body.hasClass('.page-id-8') || $body.hasClass('.page-id-1509')) new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});
Then Enfold will not show the tool tips on other pages. Only page 8 and 1509 will support the tool tips.