Jump to content

Adding Boarder around Instagram Block in Squarespace

Go to solution Solved by creedon,

Recommended Posts

  • Solution
Posted (edited)

Try the following.

#block-yui_3_17_2_1_1688752023894_119394 .sqs-gallery-container,
#block-yui_3_17_2_1_1688752023894_119394 .slide,
#block-yui_3_17_2_1_1688752023894_119394 a:not( [role="button"] ),
#block-yui_3_17_2_1_1688752023894_119394 .sqs-video-overlay,
#block-yui_3_17_2_1_1688752023894_119394 .sqs-gallery-thumbnails

    border-radius : 15px;

#block-yui_3_17_2_1_1688752023894_119394 .sqs-gallery-thumbnails {

  padding : 0 !important;

This is for v7.1.

Let us know how it goes.

Edited by creedon
version 2

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Everything works except for 1 thing


The edges of Instagram block have a light grey box, and I would like to remove that box. 

I attached some images that display the light grey box, and the light grey box is at all 4 corners of the Instagram block.


Screen Shot 2023-07-18 at 1.11.48 PM.png

Screen Shot 2023-07-18 at 1.11.54 PM.png

Screen Shot 2023-07-18 at 1.11.58 PM.png

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.