Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1117820

    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?



    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,


    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,


    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,


    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?




    Add this to quick css:

    .post-entry-4 .column-top-margin{

    Best regards,
    Jordan Shannon


    Hi Jordan,

    Perfect, thank you for your help!

    Best regards,


    Hi antiguanice,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.