Style Quick View Button

quick_view.png

Description

Style the product quick view beyond standard default. 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.

// Style Quick View Button //

.sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button {
  background: #71D4AA;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: Capitalize !important;
  border-radius: 50px;
  padding: 20px 50px;
}

Customize

Adjust the background, color, font size, font weight, text transform, border, border radius, and padding values to your liking.

The product quick view option can be enabled in the product page’s advanced settings.


Previous
Previous

New Header Layout (Move Nav Below Logo)

Next
Next

Product Images Rounded Corners and Borders