Tagged: Avia Layout, icon grid
Hi,
We have added an Icon Grid using the Avia Layout Builder which contains a single row of Icons in 3 columns.
Our client would prefer that each Icon is visible when there is a mouseover, can you tell me how this is done please?
Thanks!
Hey antiguanice,
I’m not sure I understand your question, do you want the icons to be visible only on hover? If not then please try to explain a bit further.
Best regards,
Rikard
Hey Rikard,
Thanks for getting back to me, allow me to clarify.
When the icons in the Icon Grid are not pointed at i.e., no mouseover, they are visible.
If there is a mouseover on any icon, then that icon disappears.
Our client would like the icons in the Icon Grid to be visible at all times.
I hope that this helps.
Best regards,
antiguanice
Hi antiguanice,
You’re using the flip icons, you can use the regular ones and they will not flip to the empty space.
Best regards,
Victoria
Hi Victoria,
Thanks for the response.
I’ve added the regular Icons and they work fine.
Can I ask a supplemental question?
I’ve added a row of titles that relate to these Icons but the spacing between the Icon row and Title Row is too great.
Could you tell me how I reduce this spacing please?
Thanks,
antiguanice
Hi,
Add this to quick css:
.post-entry-4 .column-top-margin{
margin-top:10px!important;
}
Best regards,
Jordan Shannon
Hi Jordan,
Perfect, thank you for your help!
Best regards,
antiguanice
Hi antiguanice,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria