Lian Posted August 23 Share Posted August 23 Hi, I'm trying to use this code to add margin between the pictures in the gallery reel (at the bottom of the page) and round corners but only the top left and right bottom corner appear with radius. Can anyone help me change the code to give all the corners of the gallery reel images 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
Solution Ziggy Posted August 23 Solution Share Posted August 23 Try this adjustment: .gallery-reel-list * { border-radius: 10px !important; } .gallery-reel-item-src { margin-left: 36px !important; } tuanphan 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted September 13 Author Share Posted September 13 @Ziggy could you also help me to adjust this for mobile? I would like to reduce the section height for mobile, but when I add this code the radius will dissapear because the section underneath shoves up @media screen and (max-width:767px) { .gallery-reel { height: 45vh !important; } } Link to comment
Ziggy Posted September 13 Share Posted September 13 Try using "min-height" instead of the fixed value with "height" Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted September 16 Author Share Posted September 16 @Ziggyunfortunately that doesnt do what I want. I try to get an effect like this (screenshot). Is that possible? Link to comment
Ziggy Posted September 16 Share Posted September 16 Try this: @media screen and (max-width:767px) { .gallery-reel { max-height: 42vh !important; } } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted September 16 Author Share Posted September 16 @Ziggy that doesn't scale the section. But the section underneath goes up which makes the picture radius at the buttom square instead off round. Link to comment
Lian Posted September 16 Author Share Posted September 16 @Ziggy ohh I found a solution: @media only screen and (max-width:767px) { .gallery-reel{ height:45vh!important } .gallery-reel-item{ height: inherit!important } } Ziggy 1 Link to comment
Ziggy Posted September 16 Share Posted September 16 35 minutes ago, Lian said: @Ziggy that doesn't scale the section. But the section underneath goes up which makes the picture radius at the buttom square instead off round. I find you need to refresh the page when making this type of change to allow it to render correctly. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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