Turn your property categories, tags, and amenities into styled badges on your listing cards, with full control over the look of every label.
What it does #
Label Designer lets you show small badges (labels) on your property cards, drawn from the categories you already organize properties into. Think “Beachfront,” “Pet Friendly,” “New,” or “Pool” appearing as a colored pill right on the card in your property grid.
You choose which labels show, what they say, and exactly how they look, all from one visual editor with a live preview. No code, no CSS knowledge required.
Labels can be designed for any of your property classification groups, including:
- Property Types
- Locations, Cities, and States
- Tags and Discover Tags
- Amenities
- Flags
Styles cascade so you never have to design the same badge twice: a site-wide Global Defaults style covers everything, each group can set its own base style on top of it, and individual terms can override just the parts they need. A bright red “Last Few Left” badge can stand out while the rest of your tags stay neutral.
How to turn it on #
1. Open the Toolkit hub #
In your WordPress admin, open the Toolkit screen under the HomeRunner menu.
2. Enable Label Designer #
Find Label Designer in the module list and switch it on. A dedicated Label Designer panel appears in the hub.
3. Open the designer #
Open the Label Designer panel to start choosing which categories show as labels and how they look.
Designing your labels #
Pick a group #
In the left Taxonomies column, select the group you want to work with (for example, Tags or Amenities). The Terms list fills with every term in that group. Each group has its own on/off checkbox here: six of the eight groups are active out of the box, and Amenities and Flags stay off until you turn them on. The Global Defaults entry at the top of the column edits the site-wide base style that every group and term inherits.
Choose which terms show #
Each term has a Show toggle. Turn it on to display that term as a badge on property cards; leave it off to hide it. Use the Filter terms search box to quickly find a term in a long list.
Rename a term (optional) #
You can rename a term right from the designer, so an internal tag called “promo-2026” can read “Special Offer” on the badge. Be aware this renames the term everywhere it appears, including your WordPress admin lists and anywhere else the site shows that category name. The term’s web address stays the same, so existing links keep working.
Style it #
Select a term (or a group, or Global Defaults) and use the style controls, with a live preview of the badge updating as you go. Each section has an Inherit toggle: leave it on to follow the level above, or switch it off to override just that section for the term or group you are editing. Save Style applies your changes; Reset discards them.
Settings #
The designer’s controls, top to bottom:
| Setting | What it controls |
|---|---|
| Enabled groups | Which of the eight category types are available to label, toggled per group in the Taxonomies column. Six are on by default; Amenities and Flags are off until enabled. |
| Show (per term) | Whether each individual label appears on the front end. |
| Rename (per term) | The term’s display name, everywhere the site shows it. The web address is not changed. |
| Colors | Badge background and text colors. |
| Icon | An optional icon on the badge: upload your own from the media library or search the built-in Iconify library of 200,000+ icons. Uploaded SVG icons can be recolored automatically to match the text color. |
| Typography | Font, weight, size, letter spacing, and text transform. When a badge has an icon, Hide label text turns it into an icon-only badge. |
| Shape & Spacing | Corner radius and horizontal/vertical padding. |
| Position | Where badges sit on the card: a preset corner or center position, fine-tune offsets, and an option to let badges overflow beyond the card edge. |
| Inherit (per section) | Whether the term or group follows the level above for that section (term inherits from its group, groups inherit from Global Defaults) or overrides it. |
Tips #
- Less is more. A card crowded with badges is harder to scan than one with a single, well-chosen label.
- Use a strong color sparingly for urgency or scarcity labels so they actually stand out.
- Set your base look once in Global Defaults, then override only the exceptions. It keeps the design consistent and makes rebrands a one-stop change.
- After you save, give your page a moment and refresh on the front end. If your site uses page caching, you may need to clear it to see new label styles immediately.
- Labels appear on the property cards in your Explorer grid, which are drawn live in the browser, so always confirm changes on an actual property listing page rather than only in the editor preview.
Related #
- Toolkit overview
- HomeRunner Skin for styling the cards themselves
- Under the Hood