Jump to content

Rounded corners on instagram feed?

Go to solution Solved by Lesum,

Recommended Posts

@niteshifte Here's a code snippet to add 5px rounded border:

 

section[data-section-id="6496e7a2c7fb5134d61dcc66"] .sqs-video-wrapper .sqs-video-overlay {
    border-radius: 5px;
}
section[data-section-id="6496e7a2c7fb5134d61dcc66"] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
    border-radius: 5px;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
34 minutes ago, Lesum said:

@niteshifte Here's a code snippet to add 5px rounded border:

Hey Lesum! That worked amazingly well! I can't get the same code however to work with my own site which I am also working on https://www.peterotoole.ie Would you be able to also help me with that please and thanks so so much!

section[data-section-id="6496e7a2c7fb5134d61dcc66"] .sqs-video-wrapper .sqs-video-overlay {
    border-radius: 5px;
}
section[data-section-id="6496e7a2c7fb5134d61dcc66"] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
    border-radius: 5px;
}

 

 

Screenshot 2023-08-21 at 6.42.03 p.m..png

Edited by niteshifte
Link to comment
  • Solution

@niteshifte You just have to change the section id in the code. Here's the code for your site:

section[data-section-id="643c117ed02a980ab85f4548"] .sqs-video-wrapper .sqs-video-overlay {
    border-radius: 5px;
}
section[data-section-id="643c117ed02a980ab85f4548"] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
    border-radius: 5px;
}

Thanks!

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
46 minutes ago, Lesum said:

@niteshifte You just have to change the section id in the code. Here's the code for your site:

section[data-section-id="643c117ed02a980ab85f4548"] .sqs-video-wrapper .sqs-video-overlay {
    border-radius: 5px;
}
section[data-section-id="643c117ed02a980ab85f4548"] .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
    border-radius: 5px;
}

Thanks!

Thanks so much for all your help! Really appreciate it!

Link to comment
  • 3 weeks later...

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.