(Squarespace) Simple List to 8 Columns

To make Simple List to 8 Columns, you can do these.

#1. First, find Simple List ID.

In my example, it is: section[data-section-id=“6788732ef2c0e5152a53073f”]

#2. Next, use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or email me.

section[data-section-id="6788732ef2c0e5152a53073f"] ul.user-items-list-item-container.user-items-list-simple {
    grid-template-columns: repeat(8,1fr) !important;
    grid-gap: 10px 10px !important;
}

#3. If you want to make it apply on desktop only, use this new code.

@media screen and (min-width:768px) {
  section[data-section-id="6788732ef2c0e5152a53073f"] ul.user-items-list-item-container.user-items-list-simple {
    grid-template-columns: repeat(8,1fr) !important;
    grid-gap: 10px 10px !important;
}}

1 Like