Here’s how to create a custom header and footer with Elementor Free version in WpResidence theme
With WpResidence, you can build a completely custom header or footer with the WpResidence Studio plugin and Elementor Free.
If you prefer to keep the theme default footer instead of replacing it with a Studio footer, you can manage those settings from Theme Options > General > Footer. See this guide: Footer Settings from Theme Options.
Install the WpResidence Elementor Design Studio plugin
- Go to WP Admin > Appearance > Install Plugins
- Or go to WpResidence > Site Settings > Plugins
- Install and activate WpResidence Studio
Activate the plugin from Appearance > Install Plugins or from WpResidence Site Settings > Plugins.
Once active, you’ll see a new menu item: WpResidence Studio Templates.
Create Header / Footer templates
From the WordPress admin panel, open WpResidence Studio Templates.
Click on Add New WpResidence Studio Template.
Select Header template for custom header designs.
Select Footer template to create a custom footer.
The Header template creates a custom header and replaces the default WpResidence header based on the display location settings.
The Footer template replaces the default WpResidence footer in the locations where you assign it.
Important: If you create and publish a custom Footer Studio template, it replaces the theme default footer on the display locations you select. If you want to continue using the theme default footer with widget columns and copyright area, manage that from Theme Options > General > Footer.
The relevant templates for Header and Footer are listed below.
They automatically replace the theme default Header / Footer sections.
- Before Header: Adds content before the custom Elementor header
- After Header: Adds content after the custom Elementor header
- Footer: Replaces WpResidence default footer with the custom footer you design in this tool
- Before Footer: Adds content before the custom Elementor footer
- After Footer: Adds content after the custom Elementor footer
Set Display Locations
You can choose to display the custom header and footer templates on posts, pages, and categories.
Display Location Options are grouped by category:
Standard Options
- Entire Website (default)
- All Singulars (individual post, page, and custom post type views)
- All Archives (category, tag, and custom taxonomy archives)
Special Pages
- 404 Page
- Front Page
Post Types
- All Blog Posts
- All Properties
- All Agents
- All Agencies
- All Developers
Taxonomies (Archives)
Post Taxonomies
- All Categories (Posts)
- All Tags (Posts)
- All Post Formats
Property Taxonomies
- Property Categories
- Property Type (for example For Rent / Sale)
- Property Cities
- Property Neighborhoods
- Property Counties/States
- Features & Amenities
- Property Status (for example Completed, Off-Plan)
Agent Taxonomies
- Agent Categories
- Agent Action Categories
- Agent Cities
- Agent Neighborhoods
- Agent Counties/States
Agency Taxonomies
- Agency Categories
- Agency Action Categories
- Agency Cities
- Agency Neighborhoods
- Agency Counties/States
Developer Taxonomies
- Developer Categories
- Developer Actions
- Developer Cities
- Developer Neighborhoods
- Developer Counties/States
Other
- Review Categories
Extra (Term-specific Assignments)
In addition to selecting a taxonomy like Property Cities, you can also assign the header or footer to a specific term, for example only for Property City: Dubai, using the second dropdown.
Disabled Option
- Use this option to deactivate the custom header or footer for a specific row.
You can assign multiple rules
Each location row allows setting:
- A display condition, for example show on All Properties
- Optionally a term, for example only on property_category: Apartments
Design Header / Footer
Use the Edit with Elementor button to design your custom header or footer.
Elementor offers a drag-and-drop interface with widgets and styling options, so you can fully control the layout, content, and design of your custom header or footer.
When to use the Theme Options footer instead
Use the default footer from Theme Options > General > Footer if you want to manage footer widget columns, copyright text, footer colors, background, sticky footer behavior, and footer layout without building a custom Elementor footer.
You can read the full documentation here: Footer Settings from Theme Options.