hzhzg Posted January 8, 2023 Share Posted January 8, 2023 (edited) On the home page, all the way at the bottom is the gallery section I'm hoping to add space between the images in the slide show. In addition, I want all the images to have rounded images. https://heptagon-violin-7e5e.squarespace.com/ PW: hannie Thanks! Edited January 8, 2023 by hzhzg add link Link to comment
tuanphan Posted January 8, 2023 Share Posted January 8, 2023 Like this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hzhzg Posted January 8, 2023 Author Share Posted January 8, 2023 2 hours ago, tuanphan said: Like this? No, in the very bottom section that looks like this: I want to add 36px between each photo and round all the corners of all the pictures to have 20px 🙂 Link to comment
Waqas_SQSPStarter Posted January 8, 2023 Share Posted January 8, 2023 Add this Code to Design > Custom CSS .gallery-reel-item-src { margin: 20px 36px !important; } let me know how it goes Muhammad Waqas Web Expert - SQSP Starter Squarespace Designer & Customization Specialist 📧 waqas@sqspstarter 🌐 sqspstarter.com Link to comment
hzhzg Posted January 8, 2023 Author Share Posted January 8, 2023 2 minutes ago, TheSquareSpacer said: Add this Code to Design > Custom CSS .gallery-reel-item-src { margin: 20px 36px !important; } let me know how it goes It added spaces between the images, but the image corners were not rounded. Still needing help on CSS to add rounded corners. Link to comment
tuanphan Posted January 10, 2023 Share Posted January 10, 2023 Use this for round .gallery-reel-list * { border-radius: 34px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Lian Posted August 9 Share Posted August 9 Hi @tuanphan Im trying to use this code to add margin between the pictures and round corners but only the top left and right bottom corner appear with radius. Can you help me change the code to give all the corners a radius? .gallery-reel-list * { border-radius: 10px !important; } .gallery-reel-item-src { margin: 20px 36px !important; } This is the website: https://braceforimpact.squarespace.com/aanbod PW: Braceforimpact12 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