Get a quote

Elementor Website Building Guide

Table of Contents

Getting Started

Getting Started

Setting Up Your WordPress Site

Designing with Elementor

Building Your Pages

Making Your Website Ready for the World

Keeping Your Website Healthy

Headers, Footers & Global Settings

Headers and footers are key elements that appear across every page of your website. Elementor allows you to fully customise them, while Global Settings keep your branding consistent.

Step 1: Customising Your Header

  1. In your WordPress Dashboard, go to Templates → Theme Builder → Header.
  2. Click Add New Header.
  3. Use Elementor to design:
    • Logo (Image widget).
    • Navigation menu (Nav Menu widget).
    • Call-to-action button (e.g., “Book Now” or “Get Quote”).
  4. Publish → assign it to the Entire Site. 

Step 2: Customising Your Footer

  1. Go to Templates → Theme Builder → Footer.
  2. Add elements like:
    • Business details (address, phone, email).
    • Social icons.
    • Newsletter signup (if using a plugin).
    • Copyright text.
  3. Publish → assign to the Entire Site.

Step 3: Using Global Settings

Instead of styling each element separately, Elementor’s Global Settings ensure consistency:

  1. Open Elementor → top left hamburger menu (☰) → Site Settings.
  2. Set:
    • Global Colours (brand palette).
    • Global Fonts (headings, body, buttons).
    • Theme Style (links, images, backgrounds).

       

👉 Update once here, and it applies site-wide.

Quick Recap

  • Use Theme Builder for headers and footers.
  • Use Global Settings to keep fonts and colours consistent.
  • Always include clear navigation in your header and contact details in your footer.

Next Tutorial

With your layout structure in place, the next step is Optimising for Speed so your site loads fast and keeps visitors engaged.