Elementor Container Tutorial | No More Sections And Columns - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Ferdy Korpershoek Video: Elementor Container Tutorial | No More Sections And Columns.
Soon Elementor will come with an update that lets you create your pages using the container element/widget instead of sections and columns. It is still in beta but in this tutorial, you can learn how to create pages using the Elementor container.

I will show you how to get access to this new update, then I will show you the basics of the container and after that, it is time to create a page with the new container.

Since it is in beta there are a few bugs. I will show you where those bugs are. If you see another one, please let me know in the comments so I can address it to Elementor.

Get Elementor (Pro): https://ferdykorp.com/elementor

Overview With Timestamps:
00:00 Intro
01:23 How To Get Access To The Elementor Container
02:35 Configure My Favorite Settings
03:26 The Basics Of The Container
09:44 Change The HTML Tag Of The Container
10:44 Container Directions, Aligning and Justify
13:05 Create A Hero Using The Elementor Container
19:11 Create A Container With 3 'Columns'
22:43 Mobile Responsiveness
23:51 Make The Container A Link
24:49 Rebuilt a part of Apple.com
31:40 Import Pre Made Templates

Published: Thursday, July 14, 2022 9:28 PM
Category: Ferdy Korpershoek

21 Views

Related Videos

Sections, Columns, Margin & Padding EXPLAINED - Elementor Tutorial Wordpress for Page Layout

by Best Webhosting Added 3 years ago 38 Views / 0 Likes

In this video I explain in detail how you can use Sections, Inner Sections, Columns, Margin & Padding to create a page layout in Elementor. This is a Elementor Tutorial for beginners that want to get started in Elementor. Want to support my channel? Then you can leave a like or buy Elementor Pro via the links below. That will help me enormously to create these free videos for you. → Software that I use Hosting & Domain provider I use on all my website
Sections & Columns Part 2: Style Options for Sections and Columns

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

This is a very basic tutorial to how the Elementor page builder works. It explains how to change the style options on sections and columns to customize your page design. Get Elemenor free forever: https://elementor.com/
Elementor Pro Header Tutorial | Flex Box Container Tutorial

by Best Webhosting Added 1 year ago 22 Views / 0 Likes

Learn how to create a simple or advanced header using Elementor Pro. Elementor Pro gives you so much flexibility when it comes to creating headers for your WordPress website. In this tutorial, I show you how to get the best out of your headers in Elementor Pro. Get Elementor Pro: https://ferdykorp.com/elementor Timestamps: 00:00 Intro 00:58 Install Elementor Pro 02:54 Create A Custom Header 10:58 Work With Nested Containers 14:18 Design The Menu 21:22
Elementor Container Tutorial | Part 1 #Positioning

by Best Webhosting Added 1 year ago 17 Views / 0 Likes

#elementor #elementortutorial #container We can finally use the Elementor Container builder! That is why it is time for a lot of new Elementor tutorials. In this tutorial, we will take a look at positioning the elements using content width, minimum content height, direction, justify-content, align-items, padding and margin, z-index, and more. We will also style the menu, nest containers, add a menu button on the tablet and mobile view and create a pop
How To Make A WordPress Website 2023 | Elementor Flexbox Container Tutorial

by Best Webhosting Added 1 year ago 19 Views / 0 Likes

Learn how to make a WordPress website using Elementor. A Free page builder with the brand new Flexbox Container builder. Thanks to this WordPress tutorial, you don't have to spend thousands of dollars on a web designer. Now you can make a professional website yourself! Get the best Webhosting: https://webhosting28.com Use coupon code "Ferdy" for an extra discount. Get The Elementor Page Builder: https://ferdykorp.com/elementor Timestamps: 00:00 Intro
Popular
Elementor Tutorial - 3 Easy Ways To Add Parallax Scrolling Effect To Elementor Sections

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

People love their parallax effect and in this video, I am going to show you how to add it to your Elementor designs... Ok so there are 3 different ways to do this until Elementor adds it themselves: - http://snifflevalve.com/tutorials/elementor-parallax-section-background-image/ - https://wordpress.org/plugins/granular-controls-for-elementor/ - https://shop.namogo.com/elementor-extras/extensions/parallax-elements/ On a side note, I am not really a par
Popular
Overlapping Sections + Sticky Header and Footer with Elementor Pro. Elementor pro tutorial

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

Create an overlapping sections effect alongside with a sticky header and a sticky footer, which is revealed once you scroll to the bottom of the page. The sticky functionality available in Elementor Pro allows you to design creative layouts with a modern and sophisticated look by using sticky sections, sticky headers, and sticky footers. Want to get hundreds of premium Elementor WordPress Themes, Templates and Plugins at only $19/month? • Subscribe to
Columns Element Tutorial | Elementor

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

In this video I will show you how the 'Column' Element in Elementor 2.0 works. Get Elementor here: https://ferdykorpershoek.com/get-elementor/
Sections & Columns Part 3: Padding, Margin, Responsive and Other Settings in the Advanced Tab

by Best Webhosting Added 4 years ago 96 Views / 0 Likes

This is the third in a series of Elementor section and column basic tutorials. This episode, we explain about the advanced tab, and how it helps you control the section and column padding, margin and other settings.
Elementor Container Tutorial: A Step-by-Step Guide

by Best Webhosting Added 1 year ago 17 Views / 0 Likes

Try Elementor PRO:https://www.darrelwilson.com/elementor Free Domain With Siteground: https://www.darrelwilson.com/siteground In this Elementor Flexbox tutorial, we'll learn how to create a custom flexbox grid using the elementor builder. We'll also learn how to use the flexbox property grid to create responsive layouts. If you're looking to learn how to use flexbox in Elementor, this is the tutorial for you! In this video, we'll walk you through the
Criando Página Completa com Elementor e Container #05

by Best Webhosting Added 1 year ago 16 Views / 0 Likes

Como instalar o WordPress na Hostgator: https://www.youtube.com/watch?v=xpWqRIQvfV8 Aula 05: Nessa aula continuamos a criar nossa página inicial utilizando o container do Elementor. 👇👇👇 LINKS ÚTEIS Curso básico de WordPress para Iniciantes: https://www.youtube.com/watch?v=1kqNFM0na4s&list=PLR9X8pL__UdgfaU_ww-D3cOTEJMJ4BsiI Como instalar o WordPress no seu computador: https://www.youtube.com/watch?v=_qxXxCDr4mw Como instalar o WordPress na Hostgator ht
Elementor listened to us! The Container solves many Problems

by Best Webhosting Added 1 year ago 22 Views / 0 Likes

And besides the problems Elementor's new container solves it also gives us many more design option. I think we can be happy with this upcoming container update! Also, keep an eye out for the upcoming grid video, because that video will be essential for people that want to understand how to work pixel perfect in Elementor. Videos I mentioned in this video: - 10 Annoying things Elementor should fix: https://youtu.be/E0DD--QwuBc - Sections, Columns EXPLA