Simple & Carousel List - Gradient Card Style

ezgif-4-2948787bffd8.gif

Look Demo

Add a gradient background color to the simple and carousel list (auto layout) card style. 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 - Gradient Card Background // .user-items-list-simple .list-item { background: linear-gradient(to bottom, #F07C63, #E45372); }

Carousel List (Auto Layout)

// Auto Carousel List - Gradient Card Background // .user-items-list-carousel .list-item { background: linear-gradient(to bottom, #F07C63, #E45372); }

Customize

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


Previous
Previous

Simple & Carousel List - Card Border Radius

Next
Next

Slashy Navigation 2.0