Image Addon Add Overlay - Question | JoomShaper
Back to the questions

Image Addon Add Overlay

H

Happaerts

SP Page Builder 10 months 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

0
5 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #117793

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.

0
H
Happaerts
Accepted Answer
10 months ago #117831

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #117873

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

0
Pavel
Pavel
Accepted Answer
10 months ago #117932

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

0
H
Happaerts
Accepted Answer
10 months ago #117936

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

0