Box Shadow on Instagram Grid Fee

Site URL: https://wisteria-panda-z2eg.squarespace.com/config/design/custom-css

pw: rotorsound

Dear All,

I wanted to style the images of my Instagram Grid Feed (Footer section) a bit.

I added a box shadow on all four sides of the images and saw that the top and left shadow was cut off, by some grid:

So Imoved the images 4px down and to the right, which almost solved the problem. Now the right shadow of the last image on the right is cut off:

This is my code:

.sqs-gallery-design-grid-slide {
    img {  
      position:relative;
      top:4px!important;
      left:4px!important;
      -webkit-box-shadow: 0px 0px 5px 2px rgba(179,179,179,0.3);
-moz-box-shadow: 0px 0px 5px 2px rgba(179,179,179,0.3);
box-shadow: 0px 0px 5px 2px rgba(179,179,179,0.7);
    }  
  }  

Does anyone have an idea how I could fix it?

Best,

Gregor

Hi you can try this

.sqs-gallery-design-grid-slide {
    padding-right: 5px;
    box-sizing: border-box;
}

That did it!!

Thank you so much! 👏👏

I wonder if you might be able to help me with a similar question? I want to create a frame around each image in my instagram feed ...I see it a lot but no matter what I try I cant get it right ...I want to do this:
 

On 5/18/2022 at 4:55 PM, ilseS said:

I wonder if you might be able to help me with a similar question? I want to create a frame around each image in my instagram feed ...I see it a lot but no matter what I try I cant get it right ...I want to do this:
 

Can you share link to page where you use instagram? We can check easier