Property Title (Property Detail Page)

The Property Title widget is used to display the main title of a property on the property detail page. It automatically pulls the property title from the database and ensures consistency across all listings. This widget is essential for structuring property pages with clear, SEO-friendly headings.

How to Add the "Property Title" Widget

1. Open your property detail template in Elementor.
2. From the Elementor sidebar, search for Property Title.
3. Drag and drop the widget into the desired section of your template.
4. The widget will automatically display the property's title.

Configuration Options

Content Tab

• HTML Tag: Choose the HTML tag for the property title (H1, H2, H3, etc.).
  • Default is H1, which is recommended for SEO.
  • Use other tags if you already have an H1 on the page and want to maintain proper heading hierarchy.

Style Tab

• Alignment: Align the property title to the left, center, or right.
• Text Color: Choose the color for the title text.
• Typography: Control font family, size, weight, and style.
• Text Stroke: Add stroke styling to the title text.
• Text Shadow: Apply shadow effects for better readability or design emphasis.
• Blend Mode: Define how the text blends with background elements.
• Permalink: Option to link the property title directly to its permalink.
• Title Eclipse: Truncate long titles with an ellipsis (…) if needed.

Best Practices

• Keep the property title as an H1 for SEO purposes, unless your design already uses another H1.
• Use Title Eclipse for long property names to maintain clean layouts.
• Match typography with your overall brand style for consistency.
• Ensure good contrast between title color and background for accessibility.

Step-by-Step Instructions

1. Drag and drop the Property Title widget into your property detail page template.
2. Select the HTML Tag appropriate for your design.
3. Go to the Style tab and adjust typography, colors, and alignment.
4. (Optional) Enable Permalink to make the title clickable.
5. Save and preview the template to confirm the title displays correctly.

Available Options

• HTML Tag: H1–H6, Div, Span, Paragraph.
• Alignment: Left, Center, Right, Justify.
• Typography: Full font customization.
• Text Color, Stroke, Shadow: Complete design control.
• Blend Mode: Normal, Multiply, Overlay, etc.
• Permalink: On/Off toggle.
• Title Eclipse: On/Off toggle.

Notes

• The property title is pulled dynamically from the property post, so it cannot be manually edited in this widget.
• Use in conjunction with other property detail widgets (breadcrumbs, metadata, gallery) for a complete property layout.