Jump to content

How to remove white space from end of a horizontal gallery? I have the css but can't apply it!

Recommended Posts


I have created a horizontal sliding gallery within the Ishimoto theme. It looks great but there is a large white space at the end.

Using Inspect on Chrome I have managed to work out what can be changed to make it work correctly but it is a bit of code called element.style which does nothing when used in the Custom CSS Editor.

It's the sqs-wrapper element.style bit that can be changed from this:

element.style {
   left: -22.5px;
   width: 58340px;

to this

element.style {
   left: -22.5px;
   width: max-content;

How can I permanently apply this? Or does anyone know a better way of doing it?

My website is https://dodecahedron-mustard-3naw.squarespace.comp word is billy

Go to the Travel section to see what I am talking about.

Thank you so much in advance.


Link to comment
  • Replies 1
  • Views 571
  • Created
  • Last Reply

past this code in custom css box

.collection-type-gallery #slideshow {
   padding-bottom: 0px;

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment


This topic is now archived and is closed to further replies.

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