Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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!

    #1138264

    Hey kaylesimon,

    You should be able to disable that in the Linked Image Overlay under Enfold->Advanced Styling.

    Best regards,
    Rikard

    #1138422

    Hi 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.

    #1138921

    Hi kaylesimon,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1138935

    We 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, 1 month ago by kaylesimon.
    #1139879

    Hi,

    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,
    Yigit

    #1144127

    Hello,
    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
    Marc

    #1144351

    Hi Marc,

    Great, I’m glad that you found a solution and thanks for sharing :-)

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.