Drop Shadow On Instagram Feed Images

Hello,

First off I am a total newbie here.

I am looking for a way to add a drop shadow to the images in my Instagram feed. I did find some CSS to do this:

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] {box-shadow:5px 5px 8px 2px rgba(0,0,0,025)!important;}

It mostly worked. The problem is the image to the far right has its shadow cut off on the right. I believe I can see a bit cut off on the far left image on its left side, but not as visible.

I have no idea how to get the shadows to work.

In addition to adding a drop shadow on the Instagram feed, I also want to add drop shadows to one of my blogs that just has images on the posted pages. The gallery is the GRID. If it matters, I have a summary block connected to this blog.

The code i tried for the Instagram feed also adds drop shadows to these images as well, with the same cutoff issue.

I have added drop shadows to other mages, but there are just images.

You see the Instagram feed on my home pages at:

www.ofwhitewalls.com

Here is a link to one of my images pages that have this issue:

https://www.ofwhitewalls.com/blink-blog/blog-post-title-one-k63ak-cz9m6-b8j4l

I am using 7.1.

Thanks for any help.

thank you so much! 

1 hour ago, thewriterb said:

thank you so much! 

No problem! Can you mark my post as the solution to your question and give a thumbs up? Thanks!