3. Layouts on Elementor

Learn the interface specific in's and out's of Elementor and it's layouts, by mastering sections, columns, spacing, and more. Also get an insider look at how you can use resources Elementor provides to speed up your design work-flow

  Elementor Builder Introduction

 Elementor Sections & Columns Mastery

 Elementor Margin & Padding Introduction

 Advanced Margin & Padding + Z-Index 

 Using Pre-Built Blocks in Elementor 

4. Elementor Design Mastery

By learning all the specific design tools available in Elementor, you can learn to create any website that you can imagine on Wordpress with ease. Mastery of these tools are what creates a 'master of their craft'

 Full Width vs Box Width

 Elementor Box Shadows

 Responsive Vertical Alignment

 Elementor Mobile Optimization

 Custom Positioning (Advanced)

 Motion Effects Tutorial (Advanced)

 Elementor Popups Tutorial

 Theme Builder Tutorial

 Product Page + Archive Templates

 How to Create a Transparent Header

 Creating Better Footers on Elementor

 Blog Post Design Best Practices

 Saving Sections to Save Time

 Saving Entire Page Templates

 Copy & Pasting for Speed Building

 Masterclass Landing Page Breakdown

 Your Elementor Color Palette

 Live Header Build #1

 Live Header Build #2

5. Custom Fonts

Learn the easiest and simplest method to load a custom font into your Wordpress site and start using it in Elementor as soon as possible!

 How to Implement Custom Paid Fonts

6. Planning & Building for Success

Learn my exact processes from start to finish that I use to build out 5 figure websites for clients that pay that I'm worth. These processes include specific techniques and strategies to ensure that you'll be able to design world-class websites in HOURS, not weeks.

 EPC Method

 Best Framework for Your Page

 Gathering Your Tools & Assets

 Sketching Out Your Design on Paper

 Where to Get Inspiration for Designs From

7. Creating Design Mockups

Every great design ALWAYS starts out with a mockup. Learn how I use a tool called Sketch to create breath-taking web designs that I then am able to transfer over and build out on  Wordpress with Elementor in a matter of hours.

 Intro to Sketch (Design Mockup Software)

 Sketch Artboards

 Sketch Shapes

 Sketch Text

 Sketch Grouping & Aligning

 Sketch Shadows

 Creating a Brand Guide on Sketch

 Why We Use Mockups

 Live Sketch Mockup Build

8. Creating Better Imagery

Graphics are some of the most important parts of the aesthetics of a website, and can make or break your design. Learn specific techniques and tricks I use to build beautiful world-class graphics like you see here in a matter of minutes.

 Creating Images Introduction

 Layering Images

 Darken / Lighten Parts of an Image

 Masking Images

 Adjusting Colors to Match Your Brand

 Adding Text on top of Images

 Editing Backgrounds for Readability

9. My Tools & Resources

Your tools can completely change a 5 hour website build into a 50 hour website build. By knowing the right tools & resources, you can significantly cut build times and design better-looking websites in hours, rather than days.

 Background Removal App - Advanced Tutorial

 Digital Asset Management Software

 Augment Elementor Elementors w/ Plugin

 The $10 Premium Font I Use for EVERY Project

 Online Resources for Design Inspiration

 Advanced Color Picking Tool

 Creating Gradient Buttons in Elementor

 Getting Inspiration from Specific Page Types

WP Design Masterclass

Join hundreds of other students and become a master of web design and build things that will impress clients and convert customers like clockwork