AdamSupra Posted February 25 Share Posted February 25 Website: https://www.adamhyattphotography.com/ I have a carousel section I just added towards the bottom of my homepage with Brand logos in it. I would love to adjust the black background padding to be just larger than the logo space and in otherwards make it a lot thinner. As well as have the carousel just constantly scrolling. Thank you! Link to comment
tuanphan Posted February 26 Share Posted February 26 Hi, What should it look like? We can adjust easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AdamSupra Posted February 26 Author Share Posted February 26 (edited) basically just want it to be thinner. Like a code that can let me adjust the height on top and bottom. And then of course the auto scrolling continuously. Edited February 26 by AdamSupra Link to comment
tuanphan Posted February 29 Share Posted February 29 On 2/27/2024 at 5:54 AM, AdamSupra said: basically just want it to be thinner. Like a code that can let me adjust the height on top and bottom. And then of course the auto scrolling continuously. So you just changed to space on top/bottom of image? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AdamSupra Posted February 29 Author Share Posted February 29 14 hours ago, tuanphan said: So you just changed to space on top/bottom of image? So taking away the black space above and below the red lines here I added... again just making that thinner as apposed to how thick it is. And then just making the carousel a continuous scrolling image if possible. (even without the arrows if even more possible) Or if there is another/better way on the site to do this... Link to comment
tuanphan Posted March 3 Share Posted March 3 #1. You can use this code to Website > Website Tools > Custom CSS /* list height */ div.user-items-list { padding-top: 0px !important; padding-bottom: 0px !important; } #2. You can follow this https://forum.squarespace.com/topic/200737-autoscroll-list-items-in-gallery-view/#comment-482953 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AdamSupra Posted March 4 Author Share Posted March 4 On 3/3/2024 at 12:55 AM, tuanphan said: #1. You can use this code to Website > Website Tools > Custom CSS /* list height */ div.user-items-list { padding-top: 0px !important; padding-bottom: 0px !important; } #2. You can follow this https://forum.squarespace.com/topic/200737-autoscroll-list-items-in-gallery-view/#comment-482953 OK.... so I got everything working for the most part. Thanks. I'm curious if its possible to get the auto scrolling to just be one smooth motion and not jittery from image to image. As well as make the arrows disappear. Basically just a smooth auto scrolling banner that is not interactable. Link to comment
AdamSupra Posted March 4 Author Share Posted March 4 Actually looks like maybe I can do it a different way with a gallery of images.... but the logos don't fully show... Added that right underneath scrolling to show difference. Link to comment
AdamSupra Posted March 5 Author Share Posted March 5 Had to erase some of the codes to try different things as I thought some might be interfering with each other... still can't seem to get any of it to work how I want. Also the editor just seems to take FOREVER now and is making it almost impossible to edit anything. Link to comment
AdamSupra Posted March 5 Author Share Posted March 5 i just came across this thread and tried this code as well and doesn't seem to work, but essentially trying to do the same thing https://forum.squarespace.com/topic/250400-scrolling-carousel-for-clients-showcase/ Link to comment
tuanphan Posted March 8 Share Posted March 8 Do you still need help or solved all? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AdamSupra Posted March 10 Author Share Posted March 10 On 3/8/2024 at 2:30 AM, tuanphan said: Do you still need help or solved all? Still not working the way I had hoped. I have it there and it changes every 1 sec or whatever but I don't want it to do that, I want it to just smoothly move continuously. I also tried another way I found using code both in the blank space above it now and in CSS using a banner image I made myself but that doesn't seem to be showing either. so no clue at this point. Link to comment
sorca_marian Posted March 10 Share Posted March 10 (edited) Hi, Do you need something with a smoother scroll and infinite scroll? Like voucherify.io/voucherify-alternative ? Edited March 10 by sorca_marian 👨🔧👨💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX 🙋♂️ Squarespace Custom Web Development & Design 📅 Manage Tasks, Take Notes, and Upload Related Images 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
AdamSupra Posted March 10 Author Share Posted March 10 31 minutes ago, sorca_marian said: Hi, Do you need something with a smoother scroll and infinite scroll? Like voucherify.io/voucherify-alternative ? Yes, exactly. Link to comment
AdamSupra Posted March 14 Author Share Posted March 14 OK, so after fixing some other code, I did get one of the two banners to slightly do as I wanted, but the one that is scrolling the right way on the top seems squished together and also doesn't repeat indefinitely.... 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