Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1243279

    Hey guys.
    I’ve looked up the forum and couldn’t found the answer.
    I’m using the masonry portfolio grid and I want it to show a specific gif image on hover.
    iva tried using the extract option and inserting that the gif image but it didn’t work.
    how can I use a gif image on the hover?

    #1243569

    Hey MPPcreative,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #1243715

    Hey Victoria,

    I’m trying to achieve this portfolio grid page –

    if it would be possible to achieve both the animated icon and the gif on hover it would be great, if not then just one of them.
    thank you!

    #1244066

    Hi MPPcreative,

    Well, it’s possible to show a gif image on hover. Do you have the image uploaded to the website already?

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1244096

    Hey Victoria

    I’m still waiting for the contact from the client and at the moment I only have demo content. there is a gif file there
    But I have written the website (temporary, again) and the username and password.

    Thanks for all your help.

    #1245175

    Hi,

    Resized GIFs do not animate. Instead of “http://your-url.com/wp-content/uploads/2020/09/PLAY-GIF-80×80.gif”, please use “http://your-url.com/wp-content/uploads/2020/09/PLAY-GIF.gif”

    I edited first two posts and adjusted the links. Please review your website :)

    Best regards,
    Yigit

    #1245441

    Thank you so so so much Yigit.

    #1245461

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1247080

    Hey,
    Sorry it took me some time,
    just one more thing
    if I want the gif to cover the whole featured image
    like in the link I’ve added. both pics are at the same width and hight, yet the gif doesn’t cover the whole image.

    thanks again for all the help

    #1247371

    Hi,

    I added following code to bottom of Quick CSS field in Enfold theme options > General Styling

    .av-masonry-entry .av-inner-masonry-content {
        padding: 0;
    }

    Please review your website :)

    Best regards,
    Yigit

    #1248683

    thank you so much for all the help

    #1248820

    Hi MPPcreative,

    Glad we could help :)

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

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