ALenz Posted August 19, 2022 Share Posted August 19, 2022 Is it possible to insert code to ensure all cards in carousel section to be the same size? (See screenshot) I have tried Fluid Engine however need these cards to display as carousel in mobile view. Thanks in advance! Link to comment
ilseS Posted August 19, 2022 Share Posted August 19, 2022 (edited) If I understand your question correctly ...you can toggle this on in settings -this will affect both desktop and mobile view. Setting on far right makes all cards the same height regardless of content. Edited August 19, 2022 by ilseS tuanphan, point, sprintwebsites and 3 others 2 2 2 Link to comment
ALenz Posted August 23, 2022 Author Share Posted August 23, 2022 Yes this is exactly what I was looking for and must have overlooked this setting, thanks for taking the time to answer! Greatly appreciated 🙂 tuanphan and ilseS 2 Link to comment
DannyAnon Posted January 17, 2023 Share Posted January 17, 2023 On 8/19/2022 at 4:38 AM, ilseS said: This is exactly what I too, was looking for. Thanks for showing us how to make our card height equal sizes in Squarespace 7.1. If I understand your question correctly ...you can toggle this on in settings -this will affect both desktop and mobile view. Setting on far right makes all cards the same height regardless of content. ilseS 1 Link to comment
Gabyje Posted August 26, 2023 Share Posted August 26, 2023 Hi, On my page, I decided to use List Section Carousel to create image galleries. However, its biggest size (L) is still small for me, I would like images to appear bigger. Could you tell me if it is possible to achieve this? Maybe custom CSS? The page in question: AURA Dance Theatre - I want to be a Blossom of a Fern — Gabija Gaidjurgyte (password 'slaptazodis') Thank you! Link to comment
Lesum Posted August 27, 2023 Share Posted August 27, 2023 @Gabyje You have the option to modify the number of columns in a gallery, as displayed in the screenshot provided. If this doesn't achieve the desired outcome, feel free to inform us. We can implement custom CSS to adjust the image sizes according to your requirements. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Deb406 Posted October 23, 2023 Share Posted October 23, 2023 You can also delete the card background with this code: .user-items-list-carousel .list-item[data-is-card-enabled="true"] { background-color: transparent; } Link to comment
Deb406 Posted October 23, 2023 Share Posted October 23, 2023 On 8/19/2022 at 2:38 AM, ilseS said: If I understand your question correctly ...you can toggle this on in settings -this will affect both desktop and mobile view. Setting on far right makes all cards the same height regardless of content. That worked! You're awesome for sharing, thank you! ilseS 1 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