Mini Pill Shaped Text

Screen+Shot+2020-08-05+at+1.29.32+PM.jpg

Look Demo

Easily create a mini pill shaped text using the italic style. 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.

// Mini Text - Italic Font Style //

em {
  font-size: 12px;
  padding: 5px 16px !important; 
  color: #353640;
  border-radius: 10px;
  background: #E9F7E7;
  font-style: normal !important;
}

Customize

Create the mini pill text by setting any text to the italic style. This will automatically turn it into a the mini pill style.

Adjust the font size, padding, color, border radius, and background to your liking.


Previous
Previous

Sticky Product Filter

Next
Next

Circle Button Style