Gradient Add To Cart Button


1. Plugin Info

Add a gradient color to the add to cart buttons (product page, quick view, and product block).

  • Works with Squarespace 7.1 and 7.0 (Brine)

  • Uses Custom CSS


2. Add this code to Custom CSS

// Add To Cart Button - Gradient Style - Ghost //

.sqs-add-to-cart-button {
  background: linear-gradient(to right, #53d6ff, #666be1);
  background: -webkit-linear-gradient(to right, #53d6ff, #666be1);
}

3. Customizable Options

  • Gradient Color

  • Gradient Color (Webkit)


4. Plugin Notes

  • Applies to the add to cart buttons on main product pages, quick view, and product blocks.


Previous
Previous

Hide Button In Mobile Menu

Next
Next

Thicker Announcement Bar