Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

The NO Bull Truth about Elementor Version 4 - WordPress

Web Squadron via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Discover the essential features and capabilities of Elementor Version 4's Atomic Components in this comprehensive tutorial that reveals the must-know truths about WordPress's popular page builder update. Explore the new Flex Box and Div Block's Layout Tab functionality, understand the significance of pink dots indicating applied styles, and master the enhanced Spacing, Sizes, and Background tabs. Learn about blending issues and their solutions through the Effects Tab, navigate the Border Tab improvements, and understand the peculiar opacity behaviors. Delve into Custom CSS capabilities, Interactions features, and the new Aspect Ratio controls within the Sizes Tab. Master text styling through the Typography Tab and create powerful design systems by establishing Color, Font, and Size variables. Understand the revolutionary Class System that distinguishes between Local Styles and Global Classes, including how to modify Global Class hover states, apply classes across different widgets, and override Global Classes with local customizations. Build complete components using only Version 4 features, learn component editing techniques, and understand current component limitations. Gain practical insights into styling the new Buttons and leverage the ability to style elements per breakpoint for responsive design excellence.

Syllabus

Intro
Flex Box and Div Block’s Layout Tab
Pink Dot means that you’ve got styles
Spacing Tab
Sizes Tab
Background Tab
Hmmm… Blending issues
The Blending Truth Effects Tab
Border Tab
The Strange Opacity Effects Tab
Custom CSS
Interactions
Aspect Ratio Sizes Tab
Text and the Typography Tab
Creating a Colour Variable
Creating a Font Variable
Creating a Size Variable
The Class System
Local Styles vs Global Classes
Changing the Global Class Hover State
Applying a Class to a different widget
Overriding the Global Class with Local
Building a Component with V4 only
Editing the Component
Component Limitation
Quick tip with the new Buttons
You can style per breakpoint
Conclusion

Taught by

Web Squadron

Reviews

Start your review of The NO Bull Truth about Elementor Version 4 - WordPress

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.