Image Zoom on Hover for Article Addon - Forum | JoomShaper
Solved SP Page Builder

Image Zoom on Hover for Article Addon

Asked by Yofie Setiawan 3 years ago Last activity 3 years ago

Accepted answer

Marked as the solution
Pavel
3 years ago

Hi. Try this code

.sppb-article-img-wrap {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
.sppb-article-img-wrap .sppb-img-responsive {
    margin-bottom: 0 !important;
    transition: transform .4s;
}
.sppb-article-img-wrap:hover .sppb-img-responsive {
    transform: scale(1.1);
}

4 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago

Thanks @Pavel

It should work.

Yofie Setiawan Asked this
3 years ago

Thanks Pavel,

eventhough the zoom is not exactly the same, but its okay... thanks again...

Paul Frankowski Senior Staff
3 years ago

Of course you can use different styles, now when you know class names it should be very easy.

Pavel
3 years ago

eventhough the zoom is not exactly the same

If you want "zoom" like image in the Hero section has, delete these parts

Log in to reply.