Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 13, 2019 at 1:35 am #1137736
    kaylesimon

    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 #1138264
    Rikard

    Hey kaylesimon,

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

    Best regards,
    Rikard

    September 14, 2019 at 11:31 pm #1138422
    kaylesimon

    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.

    September 16, 2019 at 8:54 pm #1138921
    Victoria

    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

    September 16, 2019 at 9:24 pm #1138935
    kaylesimon

    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, 3 months ago by kaylesimon.
    September 19, 2019 at 12:29 pm #1139879
    Yigit

    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

    October 2, 2019 at 11:06 am #1144127
    javablub

    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

    October 3, 2019 at 6:03 am #1144351
    Rikard

    Hi Marc,

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

    Best regards,
    Rikard

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