moonlitdesign Posted May 23 Share Posted May 23 hi there, i'm trying to reduce the height of my auto gallery carousel block section and i've got the images to the correct size i want them, but it's leaving horrible padding at the bottom that i can't reduce or get rid of. the box itself won't let me reduce it in size! thanks https://fiddle-smilodon-edwr.squarespace.com/woodstock-artisan-collective pw: cacao Link to comment
Ziggy Posted May 23 Share Posted May 23 How do you have the gallery set up? Gallery blocks are in Squarespace FE are a pain, it may be better if you used a classic editor section, or even better this method: https://www.will-myers.com/articles/scrolling-logo-in-squarespace 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? Link to comment
moonlitdesign Posted May 23 Author Share Posted May 23 4 hours ago, Ziggy said: How do you have the gallery set up? Gallery blocks are in Squarespace FE are a pain, it may be better if you used a classic editor section, or even better this method: https://www.will-myers.com/articles/scrolling-logo-in-squarespace tell me about it haha! attached is how its set up. ummmm yess i could do if all else fails, thank you Link to comment
Ziggy Posted May 24 Share Posted May 24 Have you used some CSS to control the image 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? Link to comment
moonlitdesign Posted May 24 Author Share Posted May 24 2 minutes ago, Ziggy said: Have you used some CSS to control the image height? this is what i've used: //logo reel// body#collection-6639eeafa20e736e45ab9e26 .sqs-gallery.sqs-gallery-design-strip img { max-height: 150px !important; overflow: hidden !important; } #block-yui_3_17_2_1_1716456735026_63874 .sqs-gallery-design-strip-slide { opacity:50%; padding: 0px 30px 0px 30px!important; margin-bottom:0; transition: all 0.3s ease; } #block-yui_3_17_2_1_1716456735026_63874 .sqs-gallery-design-strip-slide:hover { opacity:100%; transition: all 0.3s ease; } Ziggy 1 Link to comment
Ziggy Posted May 24 Share Posted May 24 Have you tried adding the same max-height to #block-yui_3_17_2_1_1716456735026_63874 .sqs-gallery-design-strip-slide as well as the img? 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? Link to comment
moonlitdesign Posted May 24 Author Share Posted May 24 i diddd yeah, just added it back in to double check but it's not done anything Link to comment
Ziggy Posted May 24 Share Posted May 24 52 minutes ago, moonlitdesign said: i diddd yeah, just added it back in to double check but it's not done anything You would have to add the code, then edit the page layout after as it won't change automatically. You could also try adding a max height to the FE block itself. 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? Link to comment
moonlitdesign Posted May 24 Author Share Posted May 24 1 hour ago, Ziggy said: You would have to add the code, then edit the page layout after as it won't change automatically. You could also try adding a max height to the FE block itself. I tried that too! blooming nightmare haha. in the end i've settled for margin-bottom: -30%; on the whole section. not the best but we'll see if we have any problems! Ziggy 1 Link to comment
Ziggy Posted May 24 Share Posted May 24 57 minutes ago, moonlitdesign said: -30%; on the whole section Negative margins bring me out in a cold sweat, scary stuff! That Will Myers solution is pretty good... 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? 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