Product Images Rounded Corners and Borders

border_radius_products.png

Description

Add rounded corners and a border style around product images. 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.

// Product Images Rounded Corners and Borders //

.products.collection-content-wrapper .grid-image-wrapper {
  border: 1px solid #eee !important;
  border-radius: 10px;
}

Customize

Adjust the border and border radius values to your liking.

You can adjust image aspect ratio, spacing, per row count, and more in product page settings.


Previous
Previous

Style Quick View Button

Next
Next

Mobile Product Category Bar Style