SummerKateDesigns Posted April 6, 2023 Posted April 6, 2023 I would like to adjust the position and colour of the previous & next arrows in my reel slideshow to be position over the top of the slideshow in the bottom right hand corner and have the colour changed to #fcfcfc. How can I do this? See screenshot attached to my colour mockup I would like to replicate. I would also like the slideshow to autoplay. How do I achieve this? There does not seem to be any options for this in the settings?
Ziggy Posted April 6, 2023 Posted April 6, 2023 This CSS should help you with the position of the arrows in the corner: // Gallery arrows position .gallery-fullscreen-slideshow[data-controls="arrows"] .gallery-fullscreen-slideshow-controls { justify-content: flex-end; align-items: flex-end; } .gallery-fullscreen-slideshow-control-btn { margin-bottom:20px; } .gallery-fullscreen-slideshow-control-btn[data-previous] { margin-right: 10px; } SummerKateDesigns 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?
abibacon Posted April 6, 2023 Posted April 6, 2023 Hey @SummerKateDesigns, check out Will Myer's Slider Pro plugin for the ability to autoplay. (This is an affiliate link). Ziggy 1 Learn CSS - abibacon.com/css-course Reach out for Custom Coding - abibacon.com Developer & Support Specialist at will-myers.com (Affiliate Link) If you'd like to make a contribution for my time you can Buy Me A Coffee.
SummerKateDesigns Posted April 7, 2023 Author Posted April 7, 2023 (edited) Thanks @Ziggy for the code, but it didn't seem to work. They are still in the same position just below to the right of the slideshow. Edited April 10, 2023 by SummerKateDesigns
Ziggy Posted April 11, 2023 Posted April 11, 2023 Can you share your website URL and the page this is on? Is the code I shared still in your Custom CSS? 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