Tagged: Avia Layout, icon grid
-
AuthorPosts
-
July 11, 2019 at 3:08 pm #1117820
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!
July 12, 2019 at 5:49 am #1117929Hey 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,
RikardJuly 12, 2019 at 3:26 pm #1118107Hey 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,
antiguaniceJuly 12, 2019 at 8:52 pm #1118182Hi antiguanice,
You’re using the flip icons, you can use the regular ones and they will not flip to the empty space.
Best regards,
VictoriaJuly 15, 2019 at 1:13 pm #1118755Hi 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,
antiguaniceJuly 15, 2019 at 4:11 pm #1118836Hi,
Add this to quick css:
.post-entry-4 .column-top-margin{ margin-top:10px!important; }Best regards,
Jordan ShannonJuly 15, 2019 at 4:54 pm #1118867Hi Jordan,
Perfect, thank you for your help!
Best regards,
antiguaniceJuly 15, 2019 at 8:20 pm #1118920Hi antiguanice,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
