Pin It Hover not showing

That code below didn’t work in ‘image selector’

.jpibfi_container img, .featImage img, img:not(a[href=”https://www.whodoido.com/our-first-ever-poll-get-your-votes-in/”%5D img)

the pinit is still appearing on the logo at the top of the page and also the vote image. However, it disappears on all the other images except the feat image in each page.

Thanks

Let’s try

.jpibfi_container img, .featImage img

then and see what happens.

OK that removes the pinit from the logo but also from the sliders.

I have to change .jpibfi_container img, to just .img then I get it on the sliders too but then the .featImage.img doesn’t work.

Could you point me to the sliders that selector removes the pin it from?

Its any sliders on any post. You can try:

https://www.whodoido.com/cairns-sydney-road-trip-4-weeks/

I’ve changed the selector back to .jpibfi_container img, .featImage img

Thanks

Hey,

do you mean the situation when the slider is opened? If so, please test out the following image selector:

.jpibfi_container img, .featImage img,.fancybox-overlay img

and let me know.

Yes that worked fine thank you.

For some reason on the sliders, when opened, the hover, or maybe it’s the fancybox-overlay, only covers a small rectangular area in the center of each photo. So the pin only appears when the mouse hovers in that small central area. So I have to place the hover pin in the middle instead of a corner ? Any ideas ? Bummer hey…

Thanks for your time helping fix this.

Cheers

That’s caused by Fancybox’s next and previous links. They cover most of the image so the plugin catches ‘hover’ only in the central area. If you can configure the plugin that uses Fancebox to e.g. show next and previous links only below the image, that should fix the issue.