Lian Posted August 23 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
Solution Ziggy Posted August 23 Solution 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (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?
Lian Posted September 13 Author 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; } }
Ziggy Posted September 13 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (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?
Lian Posted September 16 Author Posted September 16 @Ziggyunfortunately that doesnt do what I want. I try to get an effect like this (screenshot). Is that possible?
Ziggy Posted September 16 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (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?
Lian Posted September 16 Author 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.
Lian Posted September 16 Author 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
Ziggy Posted September 16 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment