sheriipop Posted February 15, 2023 Posted February 15, 2023 (edited) Hi! I was hoping someone can help me with accordion blocks customizations. How should I go about making the tabs open upward instead of downward when clicked? Like the one on the site below. Thanks! site: https://hauserandolive.com inspo: https://www.all-places.com Edited February 15, 2023 by sheriipop
Solution Ziggy Posted February 15, 2023 Solution Posted February 15, 2023 That's pretty easy to achieve; you need the accordion block to be bigger than the contents, and then align the contents to the bottom of the block: Then when the accordion opens, it expands up into the space you've created for it rather stretching down. sheriipop 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?
sheriipop Posted February 15, 2023 Author Posted February 15, 2023 14 hours ago, Ziggy said: That's pretty easy to achieve; you need the accordion block to be bigger than the contents, and then align the contents to the bottom of the block: Then when the accordion opens, it expands up into the space you've created for it rather stretching down. Oh my gosh, I didn’t know that. Thank you so much! This whole time I thought I needed a code for it. Ziggy 1
Ziggy Posted February 16, 2023 Posted February 16, 2023 8 hours ago, sheriipop said: Oh my gosh, I didn’t know that. Thank you so much! This whole time I thought I needed a code for it. Yes, it's nice not to need to. The accordion block is an interesting one, how you set up the minimum block size has an impact on how the section resizes when you open and close. I typically don't like the way it can stretch and shrink an image, but that effect can be quite interesting in the right scenario. sheriipop 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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment