Pill Style For Product Price

---

Description

Add a pill style to the price of a product. 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.

.ProductItem .ProductItem-details .product-price {
  color: #fff !important;
  background: #31CE95 !important;
  border-radius: 50px !important;
  padding: 10px 20px !important;
  display: inline-block !important;
}

---

Customize

Adjust the color, background, border radius, and padding values to your liking. Font size and style can be changed right within Squarespace settings

---