Welcome to All Things GHL - Your Go To Resources for Code Snippets

Promo Tag

Spruce up your design with a promo tag

.promo-tag {
position: relative;
font-family: 'Inter', sans-serif;
}
.promo-tag::before {
content: "Edit Me - Special Deal";
position: absolute;
top: 0;
left: 4px;
transform: translateY(-50%);
background: #007027;
color: #FFFFFF;
padding: 6px 10px;
border-radius: 0px;
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
pointer-events: none;
font-family: 'Inter', sans-serif;
}

Instructions

  1. Paste code into Custom CSS.

  2. Make sure to edit "content" text

  3. Apply the promo-tag class to any row element.

Last updated

Was this helpful?