VoxelKit
← Back to library
Detail pages Free

The Verified ribbon badge

A small verified/featured ribbon for listing cards, driven by a Voxel field switch.

✓ Verified
.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.