Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 15, 2017 at 6:08 pm #761541
    jannnnnneke

    Hi,

    How can I turn off the zoom effect when hovering a portfolio image? Like this:

    Portfolio 4 Columns Fullwidth

    But then first white overlay and on hover no overlay.

    Like to hear from you!

    Janneke

    March 15, 2017 at 8:35 pm #761604
    John Torvik

    Hey jannnnnneke,

    To disable the zoom effect, add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
transform: scale(1,1);
}

    And in the same field (Quick CSS) add this custom code to change the background color to white in the hover.

    
.image-overlay { 
background: #fff; 
}

    Best regards,
    John Torvik

    March 17, 2017 at 2:59 pm #762518
    jannnnnneke

    Thank you!! It worked, only the image overlay color didn’t work but I think I keep the black overlay!

    BTW.. What is the difference between the Quick CSS from Enfold Child theme and the CSS editor from WordPress (appearance > editor). When I use a child theme I always put css in style.css in the wordpress editor!

    March 19, 2017 at 9:15 am #763145
    Rikard

    Hi,

    Great, glad we could help and thanks for the feedback.

    There shouldn’t be any difference between those files, you should be able to use any of them.

    Best regards,
    Rikard

    July 23, 2017 at 8:29 am #828620
    everkaaik

    Hello,

    I tried using the code provided by John Torvik and it mostly worked but the image moves very slightly to the right when it is hovered. It isn’t very much but it is very noticeable when hovering over the items quickly.

    The images I am using for the “feature image” aren’t all the same, so I don’t know if this is causing the issue?

    Thanks, Erika

    July 24, 2017 at 4:52 am #828870
    Nikko

    Hi,

    I tried to check it on my end but I don’t see any movements on the images when I hover over them, can you tell us what browser and os you are using? does it also move on google chrome browser?

    Best regards,
    Nikko

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