Mini Pill Shaped Text (Image Card)

---

Look Demo

Easily create a mini pill shaped text above an image card’s title. 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 - Image Card //

.sqs-block-image .design-layout-card em {
  font-size: 12px;
  padding: 5px 16px !important;
  color: #fff !important;
  border-radius: 10px !important;
  background: blue !important;
  margin-bottom: 5% !important;
  font-style: normal !important;
  display: table !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, background, margin bottom and font style to your liking.

---