Jump to content

Adjust carousel padding and automatic scroll

Recommended Posts

  • Replies 14
  • Views 2k
  • Created
  • Last Reply

Top Posters In This Topic

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
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...

Desktop-Screenshot-2024.02.29---15.12.46.63.jpg

Link to comment

#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
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

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
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

Hi,

Do you need something with a smoother scroll and infinite scroll?
Like voucherify.io/voucherify-alternative ?

Edited by sorca_marian

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

Link to comment

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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.