Detail pages Free
The Verified ribbon badge
A small verified/featured ribbon for listing cards, driven by a Voxel field switch.
.listing-verified::after {
content: "✔ Verified";
display: inline-flex;
align-items: center;
gap: 4px;
background: #16a34a;
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 3px 8px;
border-radius: 6px;
}
Add a trust badge to listings that have a “verified” switch turned on. Add the class
listing-verified to the card wrapper via a dynamic tag bound to your switcher field.
Notes
- Swap the colour to match your brand.
- Works equally well as a “Featured” or “Premium” ribbon — just change the
content.