Jump to content

Box Shadow on Instagram Grid Fee

Recommended Posts

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

Link to comment

Hi you can try this

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

image.thumb.png.b4f5f3c1de5a63bb8f1b83d2ded139fe.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 1 year later...

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:
 

Screen Shot 2022-05-18 at 7.31.05 AM copy.png

Link to comment
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:
 

Screen Shot 2022-05-18 at 7.31.05 AM copy.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.