Product Variant Buttons - Full Width Style


1. Plugin Info

Make the product variant buttons to be full width and stacked. Great for mobile!

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Product Variant Button (Full Width and Stacked) - Ghost //

.ProductItem-details .variant-radiobtn-wrapper label {
  text-align: center;
  margin: 5px 0px;
  display: block !important;
  width: 100% !important;
}

3. Customizable Options

  • Button Spacing (Margin)


4. Plugin Notes

  • Applies to the product’s main page

  • Must use the Simple layout

  • Does not apply to product blocks


Previous
Previous

Product Variant Buttons - Selected Button Style

Next
Next

Mobile Text Sizes - For Squarespace 7.1