Icon Grid : Flip

Is there a way to disable the Flip ? I only need the Icon & title and have no Content to add :-)

Works like a charm! Thanks Mike :-)

…and what do I need to do now exactly where, what in which file please?

thanks, but with a theme update this will be gone, right?
Can I add this to my custom.css, too?

Hey,
unfortunately none of the CSS works on firefox. This Icon Grid thing is simply unuseable. Has anyone a solution that works? My customers are rightly upset and I have to find another solution instead of the Icon Grid.

Cheers
Dieter

[UPDATE]: Inserted the CSS via Quick CSS and it works! However… Lie down again …:-)

• This reply was modified 6 years, 1 month ago by Dieter Greven.

Hi Mike,
of course I tried adding the css via FTP to \enfold\config-templatebuilder\avia-shortcodes\icongrid\icongrid.css. Several times, cleaning cache and all that stuff. Didn’t work. But as I said, finally I pasted the css in the Quick CSS field and it works. So at least no further action required. Thank you.

Regards
Dieter

hey there,

the icon gris has a few problems more :-)

in the text-field the list-text does not work correctly either. with your css and my css i could help myself. thank you :-)

but will there be a solution in the next update?

btw: my css for the icon grid in my custom css:

.av_icongrid_title {
font-size: 30px !important;
}

.avia-icongrid li .avia-icongrid-content {
padding: 10px !important;
}

.avia-icongrid-flipback .avia-icongrid-inner li{
width: auto !important;
}

.avia-icongrid-flipback ul,
.avia-icongrid-inner li{
display: list-item !important;

}

.avia-icongrid li {
list-style: initial !important;
}

.avia-icongrid-flipbox li .avia-icongrid-flipback {
opacity: 0;
visibility: hidden;
}
.avia-icongrid-flipbox li:hover .avia-icongrid-front,
.avia-icongrid-flipbox li.av-flip .avia-icongrid-front{
opacity: 0;
visibility: hidden;
}
.avia-icongrid-flipbox li:hover .avia-icongrid-flipback,
.avia-icongrid-flipbox li.av-flip .avia-icongrid-flipback{
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
visibility: visible;
}

hi guys, seems that the linking of the grid flip doesn’t work either – i’ve inserted a button and it won’t link

I’m trying to use the icon grid which i think is really cool and gives some movement on the page, but i want to put a link in the text and not the title, and they don’t work. Is it a bug or is not possibile? Is it fixable?

It shows me like it has the link but clicking it it doesn’t go anywhere

(look link)

• This reply was modified 5 years, 10 months ago by BlueSolution.

it doesn’t seem to work
i have this link inside which i always use : Compila il contactform oppure chiama il numero 0498808790

And it the first grid the link for the map doesn’t work : Portami in Studio