Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 10, 2019 at 2:57 pm #1108834
    waveseven

    Hi
    In an older version of Enfold, in the hover state of an image the image would lightly enlarge. But I noticed now that both the image and the text overlay BOTH enlarge. Is there a way of stopping the text from enlarging but the image would still enlarge or zoom?

    Many Thanks
    Regards
    Colin

    June 11, 2019 at 10:48 am #1109074
    Nikko

    Hey Colin,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

    Best regards,
    Nikko

    June 11, 2019 at 10:54 am #1109076
    waveseven

    Hi Nikko

    Ah yes that is perfect. Thank you.

    Regards
    Colin

    June 11, 2019 at 7:49 pm #1109261
    Victoria

    Hi Colin,

    Glad we could help :)

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

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