Okay
  Public Ticket #3204280
how to make hover icon
Closed

Comments

  •  2
    pathamapornk started the conversation

    how to make hover icon or hover image

  •  1,948
    Judith replied

    Hello There,

    Thanks for keeping in touch.

    Please let us know where do you want to apply the hover so that we can let you know what's possible.

    You can share screenshots.

    Thanks.

  •  2
    pathamapornk replied

    picture attacted

  •  8,996
    Tahir replied

    Hey Again,

    You can find the animation settings in here:  

    5311857823.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  •  2
    pathamapornk replied

    can we switch hover from one picture to another picture. Like when we put mouse on, it changes from one picture to another picture

  •  3,030
    Andrew replied

    Hello again,

    Try using a flip box and see if it suits your needs. Flip boxes allow a change of image on hover.

    3950512486.png


    Kind regards,

  •  2
    pathamapornk replied

    can we reduce the size of image in flip box

  •  1,948
    Judith replied

    Hello There,

    Please let us know the page URL with the flip box so that we can provide css for it.

    Thanks.

  •  2
    pathamapornk replied

    gvnmarketing.com

  •  8,996
    Tahir replied

    Hey Again,

    Try adding in Column Padding to reduce the Image size of the Flip box: 

    5682984230.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  •  2
    pathamapornk replied

    it's not working

  •  1,948
    Judith replied

    Hi There,

    Please try this css:

    .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy.loaded, .img-with-aniamtion-wrap img.img-with-animation.nectar-lazy.loaded {
        width: 5vw;
    }

    Thanks.