WP Residence Help WP Residence Help

  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API
Home / Property Lists, Categories & Archive / Property Status. Property status background color.

Property Status. Property status background color.

7291 views 0

Content

  • How to add or edit Property Status
  • How to change the colors of Property Status
  • How to set Property Status from wp-admin
  • How to set Property Status from the front-end submission form
  • How to add Property Status to Advanced Search custom fields

How to Add or Edit Property Status

Property Status is managed from:

Theme Admin > Properties > Property Status

From this section, you can create new property statuses, edit existing property statuses, or delete the ones you no longer need.

You can create as many property statuses as needed, depending on your website structure.

Property Status menu in WPResidence

Add or edit Property Status in WPResidence

How to Change the Colors of Property Status

When you add a new property status, you may also want to add custom CSS to style it on the property card and on the property page.

For example, if you add a property status named Hot Offer, WordPress will usually generate the CSS class as hot-offer.

Example CSS for the Property Card

.ribbon-inside.hot-offer {
  background: #f2ec2e;
  color: #ffffff;
}

Example CSS for the Property Page

.slider-property-status.horizontalstatus.ribbon-wrapper-hot-offer .hot-offer {
  background-color: green;
  color: #ffffff;
}

Note: The CSS class depends on the status slug. If your status name has spaces, WordPress usually replaces spaces with hyphens. For example, Hot Offer becomes hot-offer.

If your status does not change color after adding the CSS, inspect the status label in the browser and confirm the exact CSS class used for your status.


Help article about how to add custom CSS

How to Set Property Status From wp-admin

To assign a Property Status to a property from the WordPress admin area:

  1. Go to Theme Admin > Properties.
  2. Edit the property.
  3. Find the Property Status box.
  4. Select the status you want to assign.
  5. Update the property.

The selected status will be displayed according to the theme design and the property layout used on your website.

How to Set Property Status From the Front-end Submission Form

To allow users to select a Property Status from the front-end submission form, first make sure the field is enabled in the submission settings.

Step 1: Enable the Property Status Field

Go to:

Theme Options > Membership > Property Submission Page

Select the Property Status field for the listing submission form.

Step 2: Select the Status From the Front-end Submission Form

After the field is enabled, users can select the Property Status when they submit or edit a property from the front end.


Help article about how to add a new property from the front end

How to Add Property Status to Advanced Search Custom Fields

You can add Property Status as a field in the Advanced Search form from:

Theme Options > Search > Advanced Search Form

In the Search Custom Field Setup section, add or configure the Property Status field according to the search form setup you want to use.
Help article about Advanced Search custom fields setup

Important Notes

Property Status is different from property category, property action, city, area, or county/state. It is used as an additional visual label or classification for a property.

If you create custom property statuses and want each one to have a different color, you must add custom CSS for each status slug.

After adding or changing custom CSS, clear your website cache, server cache, CDN cache if used, and browser cache.

Property Lists, Categories & Archive

Related Articles

  • Theme Options -> Half Map Template
  • How to manage Sold properties in WP Residence Theme
  • How to manage Property order in Lists
  • Property Taxonomies / Categories

Help Categories

  • 18Agent, Agency & Developers
  • 5Blog Posts & Blog Lists
  • 39Elementor Shortcodes Built-In
  • 46FAQ
  • 15Footer
  • 5Getting Started
  • 37Header
  • 2IDX & MLSImport
  • 6Installation & Setup
  • 24Installation FAQ
  • 23Maps & Location Settings
  • 21Multi-Language - Third Party Plugins
  • 6Other Third party Plugins
  • 21Pages
  • 4Payments & Monetization
  • 20Property Lists, Categories & Archive
  • 37Property Pages & Layouts
  • 31Search & Filtering
  • 162Technical how to | Custom Code Required
  • 8Technical: Actions and filters
  • 6Technical: Child Theme
  • 86Theme Options & Global Settings
  • 7Translations & Languages
  • 16WPBakery Shortcodes
  • 50WPEstate / WPResidence Translate Plugin
  • 51WPResidence / WPEstate CRM
  • 50WPResidence 5.0 Documentation
  • 9WPResidence Elementor Studio

Join Us On

Powered by WP Estate - All Rights Reserved
  • WPRESIDENCE
  • Video Tutorials
  • Client Support
  • API