Jump to content

Slideshow Banner - Unable to decrease the space between text and the navigation arrows

Recommended Posts

I'm using a banner slideshow on a home page for testimonials.  Works great for that, however, I've been unable to decrease the space that gets created between the text of the content (each testimonial in this case) and the navigation arrows that I have set to be at the bottom of the slideshow. There seems to be an excess amount of space and its particularly noticeable on mobile view. I've tried every combination of setting changes but nothing seems to decrease that space.  Thanks for your help.

Link to comment
  • Replies 4
  • Views 470
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

7 hours ago, patriceacer said:

Sure. You can see the home page at  https://healthcare-training-corp.squarespace.com/ 

Btw I entered the link during the prompts given during posting. I assumed you would be able to see it. Sorry bout that, I definitely would have put it in the body of the question. 

Thank you. Reduce this space?


I think it should be an option when editing List. You try checking again

If you still can't find it, try use this code to Design > Custom CSS

body.homepage ul.slides.slides--initialized {
    min-height: unset !important;

body.homepage .desktop-arrows.arrows-bottom-outer {
    top: calc(~"50% + 150px") !important;
    transform: translateY(-50%);


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

Thanks for your suggestions and yes that's the space I'm trying to reduct. It's a banner slideshow and within the editing options I'm unable to decrease the space between the testimonial and the navigation arrows.  The only way I can decrease the space using the editing options is to choose "center" vs. "bottom" for the navigation arrows.  See attached screenshots.  When I choose "center" the space is decreased. But when I choose "bottom" there is way too much space.  You'll see I have the padding above the navigation set to zero and it still doesn't reduce the space.  I'll try your code but wanted to leave it out for now if you're looking at the issue. 

Also curious... it doesn't make sense that choosing the "bottom" option for navigation arrows, actually centers the arrows, but choosing "center" doesn't? 🤔image.thumb.png.745f1b668151cf7bf93be4125d3ee8ad.png

Screen Shot 2023-03-31 at 11.11.43 AM.png

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.