Image Zoom On Hover For Article Addon - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Image Zoom On Hover For Article Addon

Yofie Setiawan

Yofie Setiawan

SP Page Builder 2 years ago

Hi,

I use article addon here on this page. My question is, can anyone help how to make the image have zoom effect on mouse hover?

https://yopdesign.com/demo/ignoslaw/insights-news.html

https://ibb.co/dJ76vzZ

0
5 Answers
Order by
Oldest Newest Votes
Pavel
Pavel
Accepted Answer
2 years ago #113883

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);
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #113917

Thanks @Pavel

It should work.

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
2 years ago #113935

Thanks Pavel,

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #113939

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

0
Pavel
Pavel
Accepted Answer
2 years ago #113944

eventhough the zoom is not exactly the same

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

0