i would like to turn off the tooltip animation for the icon-grid element. I only want the icons to appear in the grid with the links. No amination or tooltip.
any ideas?
thank you in advance.
I can’t replicate any tooltips when testing this but I see the icon flipping on hover.
Add this to stop the icon flipping
.avia-icongrid-flipbox li:hover .avia-icongrid-front,
.avia-icongrid-flipbox li.av-flip .avia-icongrid-front{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
Would it be easier to use the icon Box element in columns?
Not sure if this helps or not. Can you provide a link?
it worked. In mobile version is appearing to get underline on mouse over. can i stop that?
Can you provide a link?
Or try:
.SELECTORNAME:hover {text-decoration:none;}
Hi KyriK,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
here it is
any ideas?
I can’t help as you have made the link private and I therefore can’t see it.
i can email you the details
Cool.
Send them via my website contact form: https://digitalessence.net/contact/
have you also looked at this thread: https://kriesi.at/support/topic/disable-flip-on-icon-grid/
Hi,
I’ve logged in but can’t see which page has the icon grid on it.
Hi KyriK,
Best regards,
Victoria
Hi,
I’ve had a look. Are you meaning its the standard browser tooltip you want to hide. If so, try removing the title from the images,
Hi,
Sorry for the late reply, I have removed the title or “tooltip” from your icon grid element with this javascript in your functions.php
function remove_icongrid_title(){
?>
<script>
(function($) {
$(document).ready(function(){
$('#top .avia-icongrid a').each(function() {
$(this).removeAttr('title');
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_icongrid_title');
Please clear your browser cache and check.
Best regards,
Mike