Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 16, 2019 at 3:57 pm #1054577
    George

    Hi
    I would like to disable to flip which shows the grid content as I only want to use a clickable icon to show as I have no content.

    In an earlier thread someone suggested inserting the following script into Quick css
    .avia-icongrid-flipbox li {
    pointer-events: none !important;
    }
    but it didn’t work.

    Does anyone have any more suggestions please?

    January 16, 2019 at 6:14 pm #1054624
    Jordan Shannon

    Hey George,

    Did you try adding the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    January 16, 2019 at 6:20 pm #1054629
    George

    Thank you Jordan, it was at the bottom but have now inserted it at the top and it has worked.

    One further related question. Is it possible to have to icon linked to another page?. It looks like by disabling the flip it has disabled the link option also.

    Thank you

    January 18, 2019 at 5:20 pm #1055519
    Nikko

    Hi George,

    Can you try to remove the code you used above? and replace it with:

    .avia-icongrid-flipbox li:hover .avia-icongrid-front {
    -webkit-transform: rotateY(0deg) !important;
    transform: rotateY(0deg) !important;
}

    This should only prevent flipping but link should still work.

    Best regards,
    Nikko

    January 18, 2019 at 5:35 pm #1055534
    George

    You guys are the best.
    That has worked just as I wanted but for some reason it has reduced the spacing between the vertical rows as in the screenshot attached.

    Any idea?

    George

    January 18, 2019 at 5:56 pm #1055551
    Nikko

    Hi George,

    Can you give us a link to your site? especially the one shown in the screenshot.
    You can post the link in private content.

    Best regards,
    Nikko

    January 18, 2019 at 6:56 pm #1055605
    George

    Thank you Nikko. Link attached.

    George

    January 19, 2019 at 5:42 pm #1055909
    Nikko

    Hi George,

    Can you try adding this css code as well:

    #top .avia-icongrid-flipbox li {
    margin-bottom: 60px;
}

    Best regards,
    Nikko

    January 20, 2019 at 1:07 am #1056004
    George

    Fantastic Nikko, you’re the man.

    That is exactly how I want it to look and perform.

    Thank you very much.

    January 20, 2019 at 11:34 am #1056134
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 26, 2019 at 1:47 pm #1113610
    IQ2marketing

    it is also possible to disable mouse hower, I mean when you go cursor on the icon then change to clickable

    June 27, 2019 at 2:56 am #1113748
    Jordan Shannon

    Hey IQ2marketing,

    Can you provide a link to the site/page in question?

    Best regards,
    Jordan Shannon

    June 27, 2019 at 7:46 am #1113810
    IQ2marketing

    of course,
    I have three icons, I need only one clickable with video.

    June 27, 2019 at 3:45 pm #1113990
    Nikko

    Hi IQ2marketing,

    Can you try adding this css code in Quick CSS, located in Enfold > General Styling:

    .avia-icongrid-flipbox li {
    cursor: auto;
}

    Best regards,
    Nikko

    June 28, 2019 at 9:31 am #1114178
    IQ2marketing

    it’s work, thank you

    June 28, 2019 at 9:55 am #1114180
    Nikko

    Hi IQ2marketing,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Disable flip on icon grid’ is closed to new replies.