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