Headers and footers are essential parts of your website’s design, and Elementor makes it easy to customize them. Here are two methods to edit your header and footer using Elementor templates:
Method 1: Edit Through Any Page Using Elementor
- Log into Your WordPress Admin Area:
- Enter your username and password to access the Dashboard.
- Enter your username and password to access the Dashboard.
- Navigate to a Page Using Elementor:
- Go to Pages > All Pages.
- Find any page you want to edit and click Edit with Elementor.
- Access Header or Footer:
- Once the Elementor editor loads, scroll to the top (for header) or bottom (for footer) of the page.
- Hover over the header or footer area until you see the blue outline and the Edit Section handle (six dots in a column). Click on this handle to edit the section.
- Edit the Header or Footer:
- The Elementor panel on the left will show settings for the selected section. You can edit the content, style, and advanced settings just like any other Elementor element.
- Content: Modify text, images, links, and other content.
- Style: Change background colors, typography, spacing, and more.
- Advanced: Adjust margins, padding, motion effects, and responsive settings.
- Save Your Changes:
- Click the green Update button at the bottom of the Elementor panel to save your changes.
Method 2: Edit Through Saved Templates
- Log into Your WordPress Admin Area:
- Enter your username and password to access the Dashboard.
- Enter your username and password to access the Dashboard.
- Navigate to Saved Templates:
- In the left-hand menu, go to Templates > Saved Templates.
- In the left-hand menu, go to Templates > Saved Templates.
- Find the Header or Footer Template:
- Click on the All tab to see all saved templates.
- Locate your header or footer template in the list. You can use the search bar to quickly find it by typing “header” or “footer.”
- Edit the Header or Footer Template:
- Hover over the template you want to edit and click Edit with Elementor.
- Hover over the template you want to edit and click Edit with Elementor.
- Edit the Template:
- The Elementor editor will load the header or footer template. Use the Elementor panel on the left to make your desired changes.
- Content: Modify text, images, links, and other content.
- Style: Change background colors, typography, spacing, and more.
- Advanced: Adjust margins, padding, motion effects, and responsive settings.
- Save Your Changes:
- Click the green Update button at the bottom of the Elementor panel to save your changes.
By using either of these methods, you can easily edit your header and footer to match your website’s design and functionality needs.