Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 27, 2014 at 1:20 pm #341453
    Rustybucket

    I’ve added some linked images to widgets that feature on my site. The images adopt the standard enfold hover animation but this only works correctly on the second hover; the initial hover state just produces a thin white bar over the top of the image. It’s difficult to describe so I’ve linked a page privately.

    When I inspect element on initial hover I can see that span.image-overlay-inside is vertically offset and it’s the small portion that sits properly over the image that causes the white bar.

    span.image-overlay-inside offset

    I’ve tried removing all custom CSS, JS and functions but the results are the same.

    Not sure what could be causing this, any ideas?

    October 28, 2014 at 10:47 am #342118
    Ismael

    Hi Rustybucket!

    Thank you for using Enfold.

    Instead of manually coding the image, try to use the Image shortcode. Add it on the text widget.

    Cheers!
    Ismael

    October 30, 2014 at 4:43 pm #343474
    Rustybucket

    Image shortcode? What’s that? Can’t find any reference to it despite googling and the docs.

    October 30, 2014 at 4:57 pm #343480
    Rustybucket

    Typical, found it immediately after posting and it worked. Many thanks.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Linked image hover animation not displaying properly’ is closed to new replies.