Image addon add overlay - Forum | JoomShaper
Awaiting an answer SP Page Builder

Image addon add overlay

Asked by Happaerts 3 years ago Last activity 3 years ago

Is it possible to add a gradient in the image addon, I mean a gradient that sits on top of the image itself. As far as I can see, there is only the option to do that on and in the background. It looks like I am missing something here ...

Regards,
Marc

3 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. We have this type of option. Please check the screenshot below:

https://prnt.sc/X4PUHG3Cb94k

By the way we have Image overlay addon also, You can follow this one also

Screenshot 2023-05-26 at 12.04.18 AM.png

-Regards.

Happaerts Asked this

I am using image addon. I think Image overlay addon is only on latest version ..
But gradient is only working in the background, so all effects go behind the picture in front.
https://drive.google.com/file/d/15Rr725_vsUdIGyFDO0EcOUXO-jSWYioE/view?usp=drivesdk

Honestly, I don't see the use of this in a picture addon, because picture addon is not intended to have the picture in the background?

Regards,
Marc

Mehtaz Afsana Borsha Staff

Yes we have this option only. You can try image overlay addon.

Pavel

Hi. In image addon you can make it only using custom css coding

Happaerts Asked this

Hi Pavel,
After some efforts I came up with this in the picture custom css code section to add a gradiënt:

.sppb-img-responsive {
-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}

Looks this is doing the trick ...

Marc

Log in to reply.