Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1069449

    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.

    #1069462

    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?

    #1069463

    it worked. In mobile version is appearing to get underline on mouse over. can i stop that?

    #1069465

    Can you provide a link?

    Or try:

    .SELECTORNAME:hover {text-decoration:none;}

    #1069616

    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

    #1069639

    here it is

    #1070053

    any ideas?

    #1070054

    I can’t help as you have made the link private and I therefore can’t see it.

    #1070433

    i can email you the details

    #1070436

    Cool.

    Send them via my website contact form: https://digitalessence.net/contact/

    #1070441

    have you also looked at this thread: https://kriesi.at/support/topic/disable-flip-on-icon-grid/

    #1070479

    Hi,

    I’ve logged in but can’t see which page has the icon grid on it.

    #1070891

    Hi KyriK,

    Best regards,
    Victoria

    #1071235

    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,

    #1072906

    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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.