Image overlay remove white border / Zoom SP Simple Portfolio - Forum | JoomShaper
Solved SP Page Builder

Image overlay remove white border / Zoom SP Simple Portfolio

Asked by Dominik 1 year ago Last activity 1 year 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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago

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)
}

4 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
1 year ago · edited

Hi Dominik,

To remove white box border use that Custom CSS:

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

Dominik Asked this
1 year ago · edited

Thank you Paul!

Do you know how to make less zoom?

Paul Frankowski Senior Staff
1 year ago · edited

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)
}
Dominik Asked this
1 year ago

Thank you very much Paul!!!

Log in to reply.