sheriipop Posted February 15 Share Posted February 15 (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 by sheriipop Link to comment
Solution Ziggy Posted February 15 Solution Share Posted February 15 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
sheriipop Posted February 15 Author Share Posted February 15 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 Link to comment
Ziggy Posted February 16 Share Posted February 16 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (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