Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 3, 2020 at 2:54 pm #1243115
    Jak73

    Hi,
    i added an image into a page.
    I’m using lightbox to open the image.

    There is an effect on mouseover (image turns to white transparency). Please see link.

    I would like to reduce or remove this effect. Could not find an option in the settings.

    How can i remove this effect?

    Kind regards Jak

    September 4, 2020 at 2:46 pm #1243388
    Victoria

    Hey Jak73,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_transform a:hover .image-overlay {
    opacity: 0.2 !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 4, 2020 at 3:11 pm #1243394
    Jak73

    Hi Victoria,

    works very well, thank you very much!

    How can i reduce the zooming of the image (with mouse over)?
    The zoom-effect should be like in the mansonry gallery “details” below?

    Kind regards
    Jak

    September 5, 2020 at 1:33 am #1243498
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
    transform: scale(1.05)!important;
}

    Adjust to what you need.

    Best regards,
    Jordan Shannon

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