Store Page - Sale Text Style


1. Plugin Info

Bring more attention to the sale text on the main store page.

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// STORE PAGE - SALE TEXT - GHOST //

.products.collection-content-wrapper .grid-meta-wrapper .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


Previous
Previous

Social Icons - Flip Over Hover

Next
Next

Product Page - Sale Text Style