Property Status (Property Detail Page)

The Property Status widget displays the current status of a property (e.g., For Sale, For Rent, Open House). It provides quick visual information to users about the availability or condition of a listing. This widget is essential for property detail pages, as it highlights the listing's current market position.

How to Add the "Property Status" Widget

1. Open the property detail page template in Elementor.
2. From the widget panel, search for Property Status.
3. Drag and drop the widget into your desired section, usually near the property title or header.
4. The widget will automatically display the status assigned to the property.

Configuration Options

Style Tab

• Alignment: Choose the position of the status (left, center, right).
• Margin & Padding: Adjust spacing around the status label.
• Radius: Define the border radius for rounded or square corners.
• Typography: Customize the font style, size, and weight of the status text.
• Normal/Hover States:
  • Color: Set the text color of the label.
  • Background Color: Customize the background color.
  • Hover State: Define alternative colors when users hover over the label.

Best Practices

• Place the status widget near the property title or main image for better visibility.
• Use strong, contrasting background colors for important statuses like For Sale or Sold to draw attention.
• Keep typography simple and consistent with the rest of the theme for a professional look.
• If using multiple statuses (e.g., Open House + For Sale), ensure they are styled differently to avoid confusion.