Simple & Carousel List - Card Border Radius

---

Look Demo

Add a border radius to the simple and carousel list (auto layout) card style and image. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

Simple List (Auto Layout)

// Auto Simple List - Card Border Radius //

.user-items-list-simple .list-item { 
  border: 2px solid #eee;
  border-radius: 20px !important;
}

// Auto Simple List - Image Border Radius //

.user-items-list-simple .list-item img {
  border-radius: 20px !important;
}

Carousel List (Auto Layout)

// Auto Carousel List - Card Border Radius //

.user-items-list-carousel .list-item { 
  border: 2px solid #eee;
  border-radius: 20px !important;
}

// Auto Simple List - Image Border Radius //

.user-items-list-carousel .list-item img {
  border-radius: 20px !important;
}

---

Customize

Change both border radius values to your liking. Be sure to enable the Card Style within the list’s main settings.

---