Adding Space To Start of List Section Carousel

Page LayoutsFree

Jul 22

  
@media(min-width:767px) {
  .user-items-list-carousel__slides{
    padding-left:150px;
  }
}

Here is some simple code to add space to start of a List Section with a Carousel Design.

Adjust the padding-left value (150px) to tweak the amount of space.

More List Section Resources below:

The below Code Snippets are available to Code Curious members.

Code Catalogue

Use a List Section to create this stacking cards effect.

Add a “Show More” Button to a page section to display more. Great for a long list of testimonials.

Create a simple logo cloud with some fun hover effects .

Create a modern testimonial or team layout with a carousel List Section.

Flip your list section item on hover to show a description.

Truncate the text on your Summary Blocks, List Sections, and Blog Titles to maintain a consistent size between items.

Italicize, bold, or customize specific words in your List Sections.

Squarespace 7.1

I support web designers and developers in Squarespace by providing resources to improve their skills.

Reorder Product Details in Product Item