The Property Address widget is used to display the full address of a property on the property detail page. It ensures that users can quickly identify the location of the property, making it an essential element for usability and clarity. This widget can be customized to include or exclude an address icon, adjust spacing, and apply specific styling to match your site's design.
How to Add the "Property Address" Widget
- Open the property detail page in Elementor Editor.
- Locate the Property Address widget under the Houzez Elements panel.
- Drag and drop the widget into the desired section of your layout.
- By default, the widget will automatically display the property's address from the system.
Configuration Options
Content Tab
- Field: Displays the dynamic field (address) from the property database.
- Add Item: Add more fields if needed.
- Hide Icon: Toggle to hide or show the location icon.
- Margin: Adjust spacing around the widget (top, right, bottom, left).
- Alignment: Choose alignment (left, center, right).
Style Tab
- Color: Set the text color for the address.
- Typography: Control font family, size, weight, and style.
- Text Shadow: Add shadows to enhance readability or emphasize the text.
Best Practices
- Always keep the property address visible for better user experience and clarity.
- Use consistent alignment with other property detail elements (title, price, labels).
- If your design uses icons, ensure the location icon is enabled for better visual guidance.
- Choose contrasting colors for readability, especially on darker backgrounds.
Comments
0 comments
Article is closed for comments.