Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Adding Boarder around Instagram Block in Squarespace

By Richard06, in Customize with code

Go to solution Solved by creedon,

Recommended Posts

  • Replies 6
  • Views 710
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

creedon
creedon

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"]

Richard06
Richard06

it works, thank you!

Posted Images

  • Solution
creedon Level 15

creedon

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

Richard06 Level 5

Richard06

Posted
  • Author
Posted

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

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources