-
AuthorPosts
-
September 13, 2019 at 1:35 am #1137736
Hi. You gave an answer to this question, how to turn off image zoom in all instances, back in 2011, but the avia.js file has changed so much I cannot figure out how to execute your instructions, sorry. Can you update this information for us? Thank you!
September 14, 2019 at 5:04 am #1138264Hey kaylesimon,
You should be able to disable that in the Linked Image Overlay under Enfold->Advanced Styling.
Best regards,
RikardSeptember 14, 2019 at 11:31 pm #1138422Hi Rikard, I’m sorry if I was unclear but it is the image zoom I am trying to disable, not the overlay. The answer I found for this and have used in the past, was posted back in 2011 (#45962) and said to do the following:
in avia.js (located in the folder “js”) delete following code:
//activates the hover effect for image links
if(jQuery.fn.avia_activate_hover_effect)
jQuery(‘#main’).avia_activate_hover_effect();Can I get the 2019 version of that answer? Because the avia.js no longer has those lines in it; it’s gotten a lot more complex with recent update.
Or if I am missing something more obvious, that would stick without a redo with each update…let me know. Thanks again.
September 16, 2019 at 8:54 pm #1138921Hi kaylesimon,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaSeptember 16, 2019 at 9:24 pm #1138935We are building it at http://www.realfreshbuild.com/ansel.
The page where we are seeing the zoom is everywhere we do a blog, so on page: https://realfreshbuild.com/ansel/gallery/welcome/news-exhibits/
It will replace anseladams.com, also using Enfold, and we were able to remove the zoom action there, but haven’t been able to do so on the new build quite yet. I think it’s probably obvious that Ansel Adams’ images cannot ever been zoomed or cropped.
If you need further access let me know.- This reply was modified 5 years, 2 months ago by kaylesimon.
September 19, 2019 at 12:29 pm #1139879Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container { -webkit-transform: none !important; transform: none !important; }
Best regards,
YigitOctober 2, 2019 at 11:06 am #1144127Hello,
I got it! I got it! The lines are as follows:.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: none !important;
transform: none !important;
}I’d like to thank everyone who helped me here! Sometimes you only need your brain! =)
Best regards
MarcOctober 3, 2019 at 6:03 am #1144351 -
AuthorPosts
- You must be logged in to reply to this topic.