Agent Picture (Agent Profile Page)

The Agent Picture widget is used to display the agent's profile photo on the Agent Profile page. A professional picture helps establish trust and credibility, making it easier for clients to connect with the agent. Use this widget whenever you want to highlight the agent's portrait in a customizable format.

How to Add the "Agent Picture" Widget

1. Navigate to Houzez → Theme Builder → All and edit the Agent Profile page with Elementor.
2. In the Elementor editor, search for Agent Picture in the widgets panel.
3. Drag and drop the widget into the desired section of the page.
4. Adjust the settings in the sidebar to configure the image display and styling.

Configuration Options

Content Tab

• Thumbnail Size – Select the size of the agent's photo. You can use the Global (Media Settings) or choose a custom size from WordPress image options.

Style Tab

• Alignment – Position the image (left, center, or right).
• Width / Max Width / Height – Control the dimensions of the image.
• Opacity – Adjust transparency for stylistic effects.
• CSS Filters – Apply visual effects such as brightness, contrast, saturation, or blur.
• Border Type & Radius – Add borders and control corner shapes (square, rounded, circular).
• Box Shadow – Apply shadows to make the image stand out.
• Normal / Hover States – Define different styles for the default and hover states.

Best Practices

• Use high-quality, professional photos for agents to increase credibility.
• Maintain a consistent image ratio (e.g., square or circular) across all agent profiles for a clean layout.
• Ensure the image is optimized for web (compressed) to avoid slow loading times.
• If your website design uses rounded or circular avatars, adjust the Border Radius to match.
• Test responsiveness to make sure the image displays well on mobile devices.

Notes

• The Agent Picture widget is designed for use in the Agent Profile page layout created with Elementor.
• For best results, upload images with a minimum resolution of 500×500 px to ensure sharpness on all screens.
• This widget can be combined with Agent Name to build a complete and professional agent profile.