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
Solved
SP Page Builder
drop shadow on image in image add-onn
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
1 year ago
· edited
It's so simple that I am surprised by your request, anyway ;)
- In Image addon > Style (Tab) > CSS Class field add
img-shadow - 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.
2 more replies
Paul Frankowski Senior Staff
Hi,
You can always use Custom CSS, this is only single line of code.
WWweb Asked this
Thanks, I've tried several things, none of which seem to work... if you wouldn't mind sharing the code, I'd appreciate it.
Log in to reply.