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

Box Shadow on Instagram Grid Fee

Question

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:

2008025661_Screenshot2020-07-20at22_08_15.png.a099e9fb184849c0a94b007cf1e594ee.png

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:

37863990_Screenshot2020-07-20at22_08_29.png.4be28442a330d4423624d470f1cb6d2d.png

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

Share this post


Link to post

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...