Course Content
MODULE 1: Logging In & Overview
0/5
1.1 How to Log In to Your Website Dashboard.
01:55
1.2 How to Change Your Password (Especially Important on First Login)
01:53
1.3 How to Reset Your Website Password (In case you forget it)
02:31
1.4 Overview of the Website Dashboard + Definitions
05:20
1.5 How to Unlock Hidden Technical Modules (Like Plugins, Appearance, and More)
03:02
MODULE 2: Editing Photos
0/8
2.1 How to Source License Free Stock Photos
09:18
2.2 Image Sizes to use in Different Places on your Website
04:31
2.3 How to Start Editing Your Pictures
04:11
2.4 How to Brighten Dull Photos
01:34
2.5 How to Sharpen Blurry Photos
00:53
2.6 How to turn a Picture into Black and White
00:27
2.7 How to Export Your Images So That They Load Quickly on Your Website
01:55
2.8: How to Set a Transparent Background (for Your Logos and Client Logos)
03:45
MODULE 3: Global Fonts and Colors
0/2
3.1 How to Change Your Fonts and Colors (Across the Whole Website)
09:27
3.2 Editing Global Button Colors
04:08
MODULE 4: Editing Headers & Footers
0/4
4.1 How to Change Your logo on your Home Page
07:55
4.2 How to change your Logo across All Other Pages
06:38
4.3 How to change your Phone and Email and Social Media Links on the Header and Footer
08:07
4.4 How to Edit the Menus (Navigation Bars) On the Headers and Footers
13:40
MODULE 5: Editing Your Pages
0/14
5.1 What Are Pages?
01:32
5.2 How To Open A Page For Editing
01:08
5.3 How Your Page is Laid Out on The Backend + Intro to Containers
07:47
5.4 How To Edit Text + Headings on your page
06:14
5.5 How to Add / Edit Photos on your Page
12:01
5.6 How To Edit Buttons + Links
13:45
5.7 How To Edit Case Wins Slider
02:34
5.8 How To Edit the Testimonials Section
03:14
5.9 How To Edit The Client Logos Section
01:55
5.10 How To Edit The Statistic Numbers (That Animate)
02:10
5.11 How To Edit Animation Effects
03:03
5.12 How To Edit Icons Lists
02:30
5.13 – How To Edit Icons
01:17
5.14 How To Change Your Location On The Map
02:07
MODULE 6: Managing Blog Posts
0/5
6.1 How to Add a New Blog Post
05:29
6.2 How to Edit an Existing Blog Post
02:59
6.3 How to Unpublish Your post and make it a ‘Draft’
01:54
6.4 How to Delete a Post or Restore it from Trash
01:31
6.5 How to Add, Edit, and Delete Categories
02:37
MODULE 7: Site Maintenance Essentials
0/6
7.1 How to Back Up Your Website ⚠️
05:08
7.2 How to Restore Your Website from a Backup ⚠️
03:58
7.3 How to Restore an Earlier Version of a Page or Post ⚠️
02:48
7.4 How to Update Plugins or Themes ⚠️
05:43
7.5 How to Add a User to your website ⚠️
05:33
7.6 How to remove a user from your website ⚠️
01:00
MODULE 8: Getting Additional Support
0/1
8.1 Support Options – When to Contact Us
Tweak It Yourself (TIY)

In this tutorial, we’ll walk you through how to update:

  • Phone numbers

  • Email addresses

  • Social media links

…on both your header and footer.

1. 🔐 Log In to Your Dashboard

  • Go to your website dashboard.

  • Navigate to Header and Footer.

2. 🧭 Locate Your Header and Footer Templates

  • You’ll see one Footer and multiple Header templates (e.g. Header Blog Main, Header Blog Posts, Header Pages).

  • Open each one by hovering and clicking “Edit with Elementor” (open in new tabs).

3. 📱 Update the Phone Number

  • In Elementor, scroll to where the phone number is displayed.

  • Click on the number.

  • In the left sidebar, edit the phone number.

  • Also update the telephone link (tel: format).
    Example: tel:+123700123456

    ⚠️ Don’t include hyphens or spaces.

4. 📧 Update the Email Address

  • Click on the email text.

  • Edit it in the left panel.

  • Also edit the email link (mailto: format).
    Example: mailto:info@example.com

    ⚠️ Don’t delete the mailto: prefix.

5. 🔗 Update Social Media Links

  • Click on the social media icons.

  • In the sidebar, update each link (e.g. LinkedIn, Facebook).

  • You can:

    • Add new icons using Add Item

    • Replace icons (e.g., switch LinkedIn with Instagram)

    • Remove icons

Example: Add Spotify if you host a podcast there by selecting its icon and pasting the link.

6. 🎨 Optional: Change Icon Colors

  • Still in the social icons widget, go to the Style tab.

  • Under Color, select “Official Colors” to use the brand colors.

7. 💾 Save Your Changes

  • Click the “Publish” button to save.

  • Repeat for all headers and the footer.

8. 🔍 Preview Your Changes

  • Open a new tab and type in your website URL.

  • Confirm that the new contacts and social icons now appear correctly.

And that’s it! You’ve now successfully updated your website’s header and footer contact details using Elementor.

Previous
Next
Scroll to Top