Image Overlay Remove White Border / Zoom SP Simple Portfolio - Question | JoomShaper

Image Overlay Remove White Border / Zoom SP Simple Portfolio

D

Dominik

SP Page Builder 7 months ago

Hi there

How can I remove the white border and less zoom on the mouseover effect in the addon image overlay? And I would like less zoom in SP Simple portfolio. How can I do that?

Thank you. Domi

0
5 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #187259

About Zoom - in SP Simple portfolio -> override that style, with smaller values

.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
  -webkit-transform:scale3d(1.15,1.15,1);
  transform:scale3d(1.15,1.15,1)
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #187255

Hi Dominik,

To remove white box border use that Custom CSS:

.image-effect-zoom-in .overlay-image-title::before {border: transparent; }

0
D
Dominik
Accepted Answer
7 months ago #187256

Thank you Paul!

Do you know how to make less zoom?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #187258

To change zoom level in Image overlay - override that style, with smaller values

.image-effect-zoom-in:hover .overlay-background-image {
  transform:scale3d(1.15,1.15,1)
}
0
D
Dominik
Accepted Answer
7 months ago #187262

Thank you very much Paul!!!

0