Pill Style Price Tag

Pill Price Tag.png

Description

Add a pill like style to the listing price of a product. This plugin uses css editor and works with all template families.


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.

.sqs-money-native {
  color: white;
  font-size: 20px;
  background: #31CE95;
  border-radius: 50px;
  padding: 10px 20px;
}

Customize

Adjust the color, font size, background, border radius, and padding values to your liking. The color, font size, and font style can also be changes in Site Styles.


Previous
Previous

Full Width Add To Cart Button

Next
Next

Solid Drop Shadow Add To Cart Button