Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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 {  
      -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?



Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hi you can try this .sqs-gallery-design-grid-slide { padding-right: 5px; box-sizing: border-box; }

That did it!! Thank you so much! 👏👏

Posted Images

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...