-
Posts
-
Hi,
I have two masonry gallerys on two different pages on my website. We want the image to display the pagination and zoom large when the cursor hovers over the image rather than when the user clicks on the image. I tried a couple of suggested solutions on here but none worked. I know that I have to add custom .css and target the image, I just need a bit of direction. Thanks in advance!
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container { -webkit-transform: scale(1.20,1.20); transform: scale(1.20,1.20); }Best regards,
YigitHi,
Please use following code instead
.av-hover-grow:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }Best regards,
YigitHi, I tried that in both Mozilla and internet explorer. It didn’t work either. Would you mind looking at it again?
Hey!
It does work fine on my end on Safari, Chrome and Firefox. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Regards,
YigitIt doesn’t work after the flush. Maybe there is some confusion about what I am asking. If so, apologies. I will be more specific in the Private Content.
Hey!
On that elements, this code is working – https://kriesi.at/support/topic/make-zoom-larger-when-hovering-masonry-gallery/#post-667426. However, it does zoom more but it would not pop out of the container.
You can request such feature here – https://kriesi.at/support/enfold-feature-requests/ or hire a freelance developer if you urgently need it.
Cheers!
Yigit
- You must be logged in to reply to this topic.