Elementor Section vs NEW Flexbox Containers – Page Speed Comparison | Elementor 3.6 Update
Elementor, Elementor 3.6, Elementor Container, elementor container element, elementor container tutorial, elementor container widget, Elementor flex, elementor flex column, elementor flex container, Elementor Flex Direction, elementor flex wrap, Elementor Flexbox column, elementor flexbox container, elementor flexbox container release date, Elementor Flexbox explained, elementor flexbox layout, Elementor Flexbox Row, elementor Pro, elementor wordpress, wordpress flexbox
In this video, we will see how to use the new Elementor 3.6 Flex Box Container, with a live demo. We explain all the options from justifying content, row direction, wrap, no-wrap, align items, and everything.
We make a live page speed comparison test to show you how much clearer DIVS are created. The New Flex Containers is a major upgrade to faster performance.
▶ Resources:
1) Flex Align Item Playground – https://u5pxp.csb.app/
2) Flex Justify Content Playground https://2yubm.csb.app/
3) Understanding Flex – https://flexbox.tech/
4) Elementor Docs on Flex Containers – https://elementor.com/help/advanced-container-knowledge/
5) Playground for Elementor Backend with Flex Enabled- https://playground.elementor.com/demo/flexbox/
6) Learn CSS – https://w3schools.com/css
Visit: https://theplusaddons.com/ for 120+ Best Elementor Widgets
—
Time stamps 🕐
0:00 Intro
2:09 Understanding the Basics : What is CSS?
2:43 How to Learn CSS for Elementor
3:30 Understanding the Technical difference b/w Block and Flex
4:26 Display: Block Explained
5:41 Display: Flex Explained
8:35 Exploring New Options in Elementor Flex Containers
9:23 Elementor Display Flex : Direction
9:58 Elementor Display Flex: Align Items
11:28 Elementor Display Flex: Justify Content
13:15 Flex Box Playground by Elementor
15:12 When will The Plus Addons for Elementor widgets be compatible?
15:35 Creating Flex website from scratch
19:11 Performance Comparison b/w Sections vs Containers
21:26 Converting Old Section to New Containers
23:27 Outro
—
⏯️ Don’t Forget to Subscribe to our YouTube channel for ✨ the latest updates – https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1
⚡SUPERCHARGE YOUR WEBSITE NOW⚡ – https://pmly.cc/supercharge
🔥 USE CODE ” YOUTUBE10 ” TO ENJOY EXTRA 10% DISCOUNT
—
Important Links 🔗
▶️ Website – https://theplusaddons.com/
▶️ Join our Facebook Community – https://www.facebook.com/groups/theplus4elementor
▶️ Add your favourite feature on our Roadmap – https://roadmap.theplusaddons.com/
▶️ Hit Like on our Facebook Page – https://www.facebook.com/theplusaddonsforelementor
▶️ Need Help with our widgets, refer our Docs – http://docs.posimyth.com/tpae
▶️ Enjoy Premium Support- https://store.posimyth.com/helpdesk/
If you have any questions, feel free to say Hi👋 on our Live chat
▶️- https://theplusaddons.com/#webchat_widget
#ElementorContainer #ElementorSections #SpeedTestComparison
Plus de tutoriels pour apprendre à utiliser WordPress :
Outils & ressources pour l’infographie :
Vous devez vous connecter pour publier un commentaire.