niteshifte Posted August 21, 2023 Share Posted August 21, 2023 Hi there, Is there anyway to give the thumbnails for the instagram integration on the site rounded 5px corners for each thumbnail? https://www.stlukes.ie/home Thanks a mill! Link to comment
Lesum Posted August 21, 2023 Share Posted August 21, 2023 @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; } Ziggy 1 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
niteshifte Posted August 21, 2023 Author Share Posted August 21, 2023 (edited) 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; } Edited August 21, 2023 by niteshifte Lesum 1 Link to comment
Solution Lesum Posted August 21, 2023 Solution Share Posted August 21, 2023 @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! Terratag and tuanphan 1 1 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
niteshifte Posted August 21, 2023 Author Share Posted August 21, 2023 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! tuanphan 1 Link to comment
Terratag Posted September 7, 2023 Share Posted September 7, 2023 Thanks @Lesum that worked for me. 😁 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment