[05] Building the Homepage in Elementor

In this lesson we will use the Elementor widgets to structure and build our for a restaurant website homepage. We will introduce Elementor’s essential widgets and learn to customize them.

This lesson will cover:
✔︎ How to structure your page
✔︎ The basic Elementor widgets
✔︎ How to customize and style your page elements
✔︎ Image file best practices
✔︎ Workflow enhancements
✔︎ And much more!

Don’t forget to subscribe to our channel!

See also:

Chapters:
00:00 - Intro
01:10 - Page Structuring
07:20 - Image Optimization
14:38 - Margin & Padding
17:30 - Wordflow Shortcuts
25:21 - Anchor Links using CSS ID

[yanmarkson]

The best tutorial I found on YouTube so far. Great job and thank you for posting this for free.

[it-expat-china]

The 5th part is the best one yet, Elementor is really a powerful tool.

[dreubz]

Thank you for the tutorial. One thing that would improve things is if you had a bright coloured circle around your mouse pointer at all times. I have seen other videos with this and it helps keep track of what is going on. Thanks again.

[enragondesign]

Best elementor tutorial video I have watched on Youtube. Step by step explanation breaking it down for easy understanding. Amazing tutorial🙌🙌🙌

[manualvarado]

At 15:30 remember that you do need to add the spacer widget to the column with the background image, otherwise the padding won't take effect.

[sstteefano]

these tutorials are great and very thorough. I think this is the older version of Elementor, I am just starting to use it and some features changed with time. it would be great if you did an updated series of this because I get lost sometimes and don't know how to proceed.

[cobeycobb]

I'm so freaking glad I found these tutorials. I agree with what everyone else is saying. These are great and I'd really love to see some more advanced ones (in the future).

[tokiniainaandriatiana]

It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

[macjeffff]

This tutorial is especially clear and concise. Much appreciated!

[lkiol]

Thank you Aviva! Super helpful elementor course, your way of explanation is wonderful and inspiring me to work on my Website cheerfully....appreciated! 👍

[JoseGRendons]

This is an excellent series of tutorials, professionally organized and presented, the instructions are easy to follow and clear, at the end of the tutorials you indeed have a great understanding of how to use Elementor, which is and amazing tools, Thank you very much Aviva!

[uschischmitt]

Bug at 16:07: The margin of 10px you set for a column with a background image only has no effect in the current version of WP 6.2.2 and Elementor 3.13.4. You can even set the margin to 100px and nothing happens if you save/update the changes and try to preview the page. It only shows the effect while building the page but not when you want to see your final result. It would be great if you can fix the bug.

[petromirdimov]

Do you have the source files of this course. I am trying to learn and rebuild this site with you while watching the videos, but is very hard to match the pictures ?

[webpagemage]

Fantastic video! Great job! Looking forward to the rest of the series!

[SonjaPeterson-zv]

This tutorial is for an older version of Elementor so I cannot follow along. Really frustrating experience trying to understand Elementor. Where are the videos for the current version??

[maleneaagaard]

I don't have the inner section widget 🤷‍♀

[Henkbus]

Great tutorial, the way of explaining is superb, it's was filling gaps in my Elementor knowledge.
However, one thing is missing (for me), the used images, it should be fine if you could download them.

[buhle]

I haven't created a website using elementor in two months and I was struggling to remember how to use sections but thank goodness to this video.

[iLikeMyOwnPosts]

I wish you guys would create some more advanced tutorials. This was great, and I Did learn one or two quick things, but I've already built 20+ client websites with Elementor. I'm looking to really take my designs to the next NEXT level, if you know what I mean. In the past you guys have done some tutorials on things like using motion effects, etc. Maybe make some new ones that are updated to take advantage of the newer features. I love elementor and I'm not moving away from it, even with the price increases. <3

[FictitiousPrison]

22:46 I followed your instruction but I could not drag the column to the left. Are there any conditions which don't allow to drag?