Jump to content

Scrolling Photos on Banner slideshow, or carousel

Go to solution Solved by tuanphan,

Recommended Posts

I would like to make photos auto scroll at the bottom of my website page, These photos are long and skinny, similar to the background for a social media site. Currently I can do this with the carousel function but that only lets me take up and entire page and massively zooms in my photo. Is there a way to change the default size of the carousel or banner slide show.

Currently what I attempted to do is on this page at the very bottom

https://www.thynkdesignllc.com/home

I would like the height of it at nearly half the size it is now. If specifics are needed for the photos they are 1584 x 396 pixels.

Link to comment
  • Replies 3
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

On 9/13/2024 at 4:13 AM, tuanphan said:

You can try this to Website Tools > Custom CSS

section[data-section-id="66e1f246c923c32a415d9d34"] ul.slides.slides--initialized {
    min-height: 35vh !important;
}

 

This worked, Is there a way to do this so i can add this sliding banner to every website page whoich is about 5-6 pages

Link to comment
On 9/17/2024 at 3:10 AM, BStrine said:

This worked, Is there a way to do this so i can add this sliding banner to every website page whoich is about 5-6 pages

You mean do similar on other pages?

Just replace section....34"] with new ID

Follow this approach to find ID

 

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

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.