DominicSorensen Posted January 16, 2023 Share Posted January 16, 2023 Hello, I would like to left-align the captions for my gallery slideshow, so they are aligned with the left margin. Any help would be greatly appreciated! Thank you, Dom Link to comment
Ziggy Posted January 16, 2023 Share Posted January 16, 2023 Can you share the website URL, page, and password (if applicable)? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
DominicSorensen Posted January 16, 2023 Author Share Posted January 16, 2023 One other thing I wanted to ask, is whether it's possible to change the control to a simple arrow like this (attached). Cheers, Dominic Link to comment
Solution Ziggy Posted January 17, 2023 Solution Share Posted January 17, 2023 You need to match the caption width to the page width, and add the matching paadding like this: .gallery-caption { max-width: 1800px; } .gallery-caption-wrapper { padding-left:2vw; padding:right2vw; } Hope that helps! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
DominicSorensen Posted January 17, 2023 Author Share Posted January 17, 2023 That's amazing thank you. Happily have bought you a coffee. Any thoughts on the slideshow arrows? Ziggy 1 Link to comment
Ziggy Posted January 17, 2023 Share Posted January 17, 2023 I didn't see arrows enabled on the slideshow, but if you do enable them, it is possible to customise them. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
DominicSorensen Posted January 17, 2023 Author Share Posted January 17, 2023 Done, I was looking for something similar to the screenshot above – so a simple black line arrow with no box. Thanks again. Link to comment
Ziggy Posted January 17, 2023 Share Posted January 17, 2023 Try this code, it's simply increasing the size of the arrow and removing the background: .gallery-fullscreen-slideshow-control-btn::before { opacity:0; } .gallery-fullscreen-slideshow-control-btn .caret-right-icon--small, .gallery-fullscreen-slideshow-control-btn .caret-left-icon--small { width: 27px; height: 54px; } Let me know if that good enough. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
DominicSorensen Posted January 17, 2023 Author Share Posted January 17, 2023 Thanks Ziggy, but this was more what I was after. I would need to be able to remove or reduce the arrows for mobile though. Many thanks again, Dom 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