Create professional web pages with elementor
Elementor Training Course
Elementor Training Course Description
Elementor is the most popular free page builder plugin. It’s an impressive and well-established page-builder. This course will teach you how to use Elementor to build professional web pages without knowing CSS or HTML, or JavaScript. You will learn how to unleash a powerful & free page builder for WordPress with this Elementor course. With it, you can drag and drop your way to a powerful website design. Elementor works a little differently from most page builders. For a start, you design live on the front-end of your site, not in the back-end Dashboard.
Elementor comes with dozens of beautiful widgets and templates that you can use to build your web page content with pixel-perfect precision.
We will be using the free version of Elementor.
The following websites were all created using the free versions of the Elementor plugin and Astra theme:
Course Prerequisites
The FLOSSNet’s WordPress Training Course is a prerequisite for the Elementor Training Course.
The following are the prerequisites for those who did not attend the FLOSSNet’s WordPress Training Course but have WordPress experience:
- You must know how to login to the Backend/Dashboard of WordPress
- You must be comfortable working in the Backend/Dashboard of WordPress
- You must have created pages with images in WordPress
- You must know how to install a plugin
- You must know what a widget and sidebar is
What You Will Learn
You will be equipped with the following skills and knowledge:
Module 1: Setup & Workspace Navigation
- Lesson 1.1: Installation & Initial Configuration
- Lesson 1.2: Interface Deep-Dive & Editing Mechanics
- Lesson 1.3: Page Settings & Canvas Defaults
Module 2: Site Design Systems & Global Styling
- Lesson 2.1: Site Identity & Core Defaults
- Lesson 2.2: Global Colours & Palette Architecture
- Lesson 2.3: Global Typography & Theme Style Resets
Module 3: Modern Structural Layouts & Containers
- Lesson 3.1: The Container Paradigm Shift
- Lesson 3.2: Flexbox Container Controls
- Lesson 3.3: Grid Container Controls
- Lesson 3.4: Container Styling & Advanced Tabs
Module 4: Core Widgets & The Content Toolbox
- Lesson 4.1: Widget Ecosystem & Context Workflows
- Lesson 4.2: Primary Content Elements
- Lesson 4.3: Visual Separators & Spacing Mechanics
Module 5: Interactive Elements, Cards & Border Styling
- Lesson 5.1: Composite & Feature Widgets
- Lesson 5.2: Collapsible & Tabbed Interface Elements
- Lesson 5.3: Borders, Shadows & Visual Separation
Module 6: Mobile Responsiveness & Custom Breakpoints
- Lesson 6.1: Responsive Viewport Workflow
- Lesson 6.2: Viewport Overrides & Layout Tweaks
- Lesson 6.3: Custom Breakpoints
Module 7: Theme Builder, Dynamic Data & Custom Templates
- Lesson 7.1: Header & Footer Builder
Module 8: Motion Effects, Performance & Publishing
- Lesson 8.1: Motion Effects & Animations
- Lesson 8.2: Performance & Accessibility (a11y) Best Practices
- Lesson 8.3: Template Management & Site Publishing
The course content may change without notice.
Get the Full Course Outline
See exactly what you’ll learn in our Elementor Training Course.
Course Dates
| Venues |
Course Dates | Get a 25% Discount If You Register & Pay By This Date |
| Alberton | TBA | TBA |
| Cape Town | 6 November 2026 | 9 October 2026 |
You must register and pay before or on the Early Bird Registration Date as indicated above to qualify for the Early Bird Course Fee.
Course Fee
- Standard Course Fee: R3000.00
- Early Bird Course Fee: R2250.00
Private Training
Private training for the Elementor Training Course can be conducted either one-on-one or for a group on a date that is mutually convenient.
A minimum of 3 participants are required for training outside Gauteng.
Payment must be made 3 weeks before the agreed-upon starting date of the course.
There is a discount if the training course is conducted at your premises/offices.