Product Page - Sale Text Style

---

1. Plugin Info

Bring more attention to the sale text on a product page.

• Works with Squarespace 7.1

• Uses Custom CSS

• Compatible with all Product Layouts

---

2. Add this code to Custom CSS

// PRODUCTS PAGE - SALE TEXT - GHOST //

.ProductItem-details .ProductItem-product-price .product-mark.sale {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #0174f2;
  padding: 5px 15px;
  border-radius: 20px;
  margin-top: 0px;
  display: inline-block;
}

---

3. Customizable Options

• Font Size

• Font Weight

• Color

• Text Transform

• Background

• Padding

• Border Radius

• Top Margin

---

4. Plugin Notes

• No plugin notes

---