Elementor Tutorial For Beginners 2021

Video Description

Elementor is the best free page builder for WordPress websites. Since Elementor is getting better and better all the time it is changing all the time. If you want to start to learn how to make websites using Elementor, this video is for you! In this video, I will go through the Basics of Elementor. In the first 2 minutes of the video, I show you what we will cover. In this Elementor Tutorial for Beginners, you learn what the difference is between a theme and a page builder. Themes take care of your header and footer. The page builder for the content in your website. When you got that covered we will install the amazing free version of Elementor. Then we will talk about the structure of building pages with Elementor. Elementor contains Sections, in those sections, you can place one or more columns and in those columns, you can add widgets. Sections, Columns, and Elements can be styled, and that gives you so much freedom to create beautiful pages with Elementor. I will walk you through the basics of styling all areas on your page separately. Then we will create a hero section. The area people will see first when they enter your website. We will take a look at famous websites like Apple.com and learn from their ways of creating the hero section. We will talk about different background types, like colors, gradients, images, and even videos. We will work with different elements like the heading element, divider, button, image carousel, video, and more. Besides that, I have tutorials about every single element on Youtube. We will talk about margin and padding and about negative Margin, so you can style your website better. We will talk about animations like these, and about free plugins that give you even more Elements in Elementor. For instance, the blogpost Elements that come from Essential Addons. Of course, we will talk about making your website responsive for all devices so your website looks amazing on any screen. We will talk about the Elementor Blocks that help you to create websites even faster. We will import complete pre-made templates and change the look and feel to the styling of our website and we will even import external templates, created by the amazing community around Elementor. We will style our website even further using shape dividers that can be adjusted to our wishes. Last but not least, we will talk about global fonts and global colors so we can change the look and feel of our website in 2 clicks instead of changing all the fonts and colors on our website one by one. After watching this tutorial you will be able to create amazing websites using Elementor. Overview With Timestamps 00:00 Intro 00:13 Overview of the Elementor Tutorial 03:02 The Difference Between Themes and Page Builders 03:53 Get Elementor For Free 05:10 Open Elementor 05:35 What If Elementor Does Not Load? Elementor Basics 06:18 Sections, Columns, and Elements 08:08 All Elements Explained 08:22 3 Levels Of Editing 09:12 Add Editing Handles 09:48 Create Your First Section in Elementor 11:41 The Section Background 14:54 How To Check The Result In Elementor 15:32 Change The Width Of Your Elementor Page 19:42 The Column Settings 21:05 Advanced Settings Of Elements 23:42 Duplicate in Elementor 24:08 The Navigator The Homepage 25:30 Create a Hero in Elementor 26:08 Global Styles 29:14 Add Global Fonts 33:42 Add a Button 35:07 Create Shadows 35:42 Create a Second Button 36:53 Negative Margin in Elementor 39:09 Create a Divider 41:24 Add Animations 43:41 Create 3 Columns 46:30 Negative Margin 50:48 Add a Video Element 51:55 Borders and Border Radius 55:10 Mobile Optimization in Elementor 59:50 Download Free External Elements For Elementor 1:06:08 Add a Fill Section 1:09:21 Import and Adjust Pre Made Elementor Templates 1:13:20 Copy and Paste Styles 1:17:52 Add the Contact Form 7 Plugin 1:20:38 Import Elementor Blocks 1:24:10 Use Shape Dividers in Elementor 1:26:51 Duplicate Areas 1:27:32 Save Sections as Templates 1:28:00 Export Templates 1:28:26 Save Pages as Templates 1:29:09 Change the Global Colors #Elemetnro #ElementorTutorial