Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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!

    #1117929

    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

    #1118107

    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

    #1118182

    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

    #1118755

    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

    #1118836

    Hi,

    Add this to quick css:

    .post-entry-4 .column-top-margin{
    margin-top:10px!important;
    }

    Best regards,
    Jordan Shannon

    #1118867

    Hi Jordan,

    Perfect, thank you for your help!

    Best regards,
    antiguanice

    #1118920

    Hi antiguanice,

    Glad we could help :)

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.