Drop Shadow On Image In Image Add-onn - Question | JoomShaper
Back to the questions

Drop Shadow On Image In Image Add-onn

W

WWweb

SP Page Builder 8 months ago

How do I set a drop-shadow on an image - the box shadow only ads it to the box container, not the image itself. Thanks

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 8 months ago #184070

It's so simple that I am surprised by your request, anyway ;)

  1. In Image addon > Style (Tab) > CSS Class field add img-shadow
  2. Then use that Custom CSS

.img-shadow img {box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);}

and for all Image addons it would be

.sppb-addon-single-image-container img {box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);}

but then must be used inside Page Settings > Custom CSS (for all images on that page), or inside Template Options > Custom CSS (for all images on whole website).

Here my CSS help ends. You're welcome.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 8 months ago #183990

Hi,

You can always use Custom CSS, this is only single line of code.

0
W
WWweb
Accepted Answer
8 months ago #183993

Thanks, I've tried several things, none of which seem to work... if you wouldn't mind sharing the code, I'd appreciate it.

0