Product Add Ons - Add + Button Color


1. Plugin Info

Change the colors of the product add on’s + button.

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// ADD ON PRODUCT - + BUTTON //

.product-details .pdp-product-add-ons .sqs-add-to-cart-button {
  background: #0174f2;
}

// ADD ON PRODUCT - + ICON //

.product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.plus-icon {
  stroke: #fff;
}

3. Customizable Options

  • Button Color

  • + Icon Color


4. Plugin Notes

  • Compatible with all product page layouts.


Previous
Previous

Header Navigation - Flip Invert Hover Style

Next
Next

Product Add Ons - Bigger Thumbnails