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)

✏️ Lesson Description (What you’ll learn):

In this lesson, you’ll learn how to update the logo that appears on your homepage. Some websites use a different logo on the homepage (e.g. a light version) compared to inner pages, depending on the background design. You’ll also learn how to adjust the logo in your homepage footer and resize it for better appearance.

📄 Lesson Content:

🖼 Why the Homepage Logo May Be Different

Many website designs use a dark background for the homepage and a white background for the inside pages. To maintain visibility and aesthetics:

  • A light-colored logo is used on the homepage.

  • A full-color or dark version is used on inside pages.

✅ Step-by-Step: Changing the Logo on the Homepage (Header)

  1. Log In
    Go to yourdomain.com/wp-admin and log in with your credentials.

  2. Go to Pages → Find “Home”

    • In your dashboard, click Pages

    • Look for the page labeled Front Page — that’s your homepage.

  3. Click “Edit with Elementor”

    • Right-click and open in a new tab so your dashboard stays open.

  4. Wait for Elementor to Load

    • Give it a few seconds — sometimes it takes a while the first time.

  5. Click on the Logo in the Header Section

    • As you move your mouse, different sections will highlight.

    • Click on the logo once it highlights.

  6. Change the Logo

    • In the left sidebar, click the logo image again to open the media library.

    • Upload your logo from your computer by dragging and dropping it, or click Select Files and browse.

  7. Choose and Insert the Logo

    • After the upload finishes, make sure the logo is selected.

    • Click Select to insert it into the homepage.

  8. Click the Purple “Publish” Button

    • Once saved, the button will turn gray, indicating changes are published.

  9. Preview the Homepage

    • Go to the front-end tab or click Preview Changes to confirm the logo has been updated.

🧭 Updating the Footer Logo on the Homepage

  1. Scroll Down in Elementor

    • Navigate to the footer section while still in Elementor.

  2. Click the Footer Logo

    • Same process: click the logo, then the image in the sidebar.

  3. Upload or Select Your New Logo

    • Just like before, upload from your computer or pick one from the library.

  4. Click “Select,” Then “Publish” Again

    • Done! Now both the header and footer logos are updated.

🧠 Pro Tips for Logo Resizing

  • If your logo looks squashed, stretched, or has awkward spacing:

    • Click the surrounding container or section.

    • Adjust the width by dragging the edges or using Elementor settings.

  • For complex logos or odd shapes:

    • Consider asking your logo designer to provide a horizontal or square version.

    • Canva users: resize and export a proper version there before uploading.

Previous
Next
Scroll to Top