Hero Section Configuration
The hero section is the first thing visitors see when they land on your site. Make it count.
What you can customize
- Heading text — The main headline (e.g., "Find Your Next Pre-Construction Home")
- Subheading — Supporting text below the headline
- Background image — A high-resolution photo or gradient
- Search bar style — Prominent search bar overlay or minimal top-bar search
- CTA button — Optional call-to-action button with custom text and link
Editing the hero
- Go to Admin > Settings > Homepage
- Scroll to the Hero Section panel
- Update the fields and click Save
- Preview your changes on the live site
Background image tips
- Use a high-resolution image (at least 1920x800 pixels)
- Choose an image with space in the center or top for text overlay
- Cityscapes, skyline photos, and architectural images work well
- The image is automatically darkened with an overlay so white text is readable
If you do not upload a custom background image, the theme default gradient is used. This is a solid fallback that works well with any theme preset.
Search bar positioning
The hero search bar is a prominent feature that encourages visitors to start exploring immediately. You can choose between:
- Centered — Large search bar centered in the hero
- Left-aligned — Search bar aligned left with hero text on the right
Was this article helpful?
Related Articles
Customizing Your Branding
How to upload your logo, set your site name, choose a favicon, and pick theme colors.
Getting Started
Theme Presets and Custom Colors
Available theme presets and how to customize your site colors.
Site Customization
Homepage Section Ordering
How to rearrange and toggle homepage sections.
Site Customization