Hello,
I experience some strange behavior of the link and enlarge buttons on images. I created a grid with 16 images. All do have the same settings: enlarge when hoover and link out to external page. Now most of them show the curved arrow on hoover but some (4 random ones) show the two arrows that indicate the pic can be enlarged. The links however are working perfectly fine on all of them only when you hoover over those 4 images it appears that there is no link attached so people may not even try to click.
Please advise. Thank you!
Sonja
Hey SonjaLimone,
Can you post a link on the page that has the issue? so we can inspect further. We might also need temporary admin access to check the settings on the page mentioned.
Best regards,
Nikko
Hi Nikko,
Thanks for replying. I’ll put the link as well as admin access data in the private section. The images affected are: the crocodile, the pandas, the shark, the cat and the rabbit. Thanks!
Hi,
Thanks for providing the admin access :) I have checked the backend and the settings are right and the same as others, I tried to test it by duplicating the whale (next to surfin alligator) and changed it to alligator, and the overlay button is still good showing the curve arrow, but when the link is replaced the arrow is changed to two-arrows which is weird and I couldn’t replicate it on my end. To fix this issue, what I did was to add this on Quick CSS which only applies to the gallery page:
.page-id-53 .image-overlay .image-overlay-inside:before {
content: '\E832';
}
Let us know if you need more help with it on other pages.
Best regards,
Nikko
Thank you so much for fixing this!!!
Best,
Sonja