Elementor Container Tutorial | Part 1 #Positioning

16633
81
572
23.11.2022
Ferdy Korpershoek

Ferdy Korpershoek

26272566
303000
402
15.10.2014
NL
Описание видео:

#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 popup menu like the Tesla.com website. 00:00 Intro 03:24 Create The Header 07:13 Direction, Justify Content, and Align Items 10:39 Padding and Margin 21:30 Nesting Containers 31:46 Make Your Page Responsive 40:20 Create A Popup Menu 46:35 Mobile View

Кадры из видео
Elementor Container Tutorial | Part 1 #Positioning
Elementor Container Tutorial | Part 1 #Positioning
Elementor Container Tutorial | Part 1 #Positioning
Elementor Container Tutorial | Part 1 #Positioning
Тэги из видео
Комментарии пользователей:
Jose Maliel
2023-01-24 18:02:42

My very first Elementor website I built after watching your tutorials a few years ago. Nice to be back to learner Containers from you.

Alex Carneiro
2023-01-21 23:41:08

Where are the part 2 Fredy?????????????????

Rob Mongeau
2023-01-18 20:44:15

So is the traditional header, we create it alone and apply it to page(s) or the entire site, over?

Lucrece Augusma
2023-01-17 19:58:50

Excellent tutorial! I always learn something new in your videos. Great job!

Fabio
2023-01-16 11:32:12

Hi Ferdy, thank you for this tutorial, please keep going deeper with Container building...thank you!

Ken Sim
2023-01-15 01:29:09

This is part 1. It's been a month. Where is part 2?

Lyn Lee
2023-01-13 17:38:16

SOOO helpful! Thank you so much!!

Eric J
2023-01-12 04:06:32

Is it safe to use this on live sites now? Im on elementor v3.10 and pro 3.10.1

European Roulette Academy
2023-01-08 11:32:12

Such a GR8 Tutorial!

Fightfix
2023-01-07 02:59:23

Sir how to contact u website development Releted@ferdy

Elevate Design
2023-01-06 15:24:33

Justify Beiber...🤦🏼‍♂ 😂 (that was actually pretty funny, I have to admit)

Maksim Walter
2023-01-05 10:50:38

This is an amazing tutorial, thanks a lot. Helped me a ton! One question: How do you do this zoom-in Effect in your tutorials? It looks so good.

Len Moss
2022-12-28 19:58:05

Being both new to website building and Elementor (particularly containers) this part 1 tutorial has been a succinct education. I am very interested in more understanding of how to move headers and text around the page, if you have time to include in part two or three. Love all the little subtleties you bring to the design!!

James Davis
2022-12-23 09:31:45

Good tutorial but there are mistakes here. Just one example: on the first section where you added the down arrow. There is no need to do it the way you did it. You want to avoid negative margins if you can. All you had to do was add another container in the container that held the other elements.

You seem to love negative margins when they are not needed.

meisterleise
2022-12-21 22:45:51

Hey Ferdy, you make great videos!
You did make one mistake: you copied the first container with the negativ margin for the further models. This is why your first container doesn't have a full hight anymore. Did you not notice that? 😉
z-index: why give every element of the menu a z-index? Just give it to the container.
Also you asked for developer feedback: I noticed, that you like to use pixels for everything. You shouldn't use them with flexbox containers and responsive webdesign. It makes much more sense to use vh, vw and % but NOT pixels.
cheers.

OinKY
2022-12-21 14:10:11

Great video!. Just a quick question do you have any videos on adding custom buttons to woo commerce product pages?

Elieth Medina
2022-12-18 14:54:12

Excellent video

Amaztech Web Services
2022-12-17 18:39:31

Really great tutorial as always

Subhan Iftikhar
2022-12-16 10:19:34

I learn a lot from your tutorials ...........You are inspiration for me love from Pakistan

Что ищут прямо сейчас
Zikozs RIZANOVA UZ Elex PL Lea chegara заработок ютуб dr priyanka reddy lauve Leon samsung z flip 4 civil engineer aa kabayan sunda Semar god of woods mobile gameplay going viral sleep sound chakdah CNN Indonesia mi band 6 цена
Похожие видео
14.06.2020
How To Make a WordPress Website | Wordpress Tutorial for Beginners | Elementor Tutorial In Hindi

How To Make a WordPress Website | Wordpress Tutorial for Beginners | Elementor Tutorial In Hindi

02.02.2022
WordPress 5.9 Tutorial | Full Site Editing Tutorial

WordPress 5.9 Tutorial | Full Site Editing Tutorial

12.02.2022
Elementor Container Tutorial | No More Sections And Columns 😎

Elementor Container Tutorial | No More Sections And Columns 😎

28.06.2022
Elementor’s default 1140px doesn’t work. Here’s why

Elementor’s default 1140px doesn’t work. Here’s why

20.05.2022
Elementor Flexbox Container Tutorial | Use It The RIGHT WAY!

Elementor Flexbox Container Tutorial | Use It The RIGHT WAY!

25.01.2023
Elementor - Sections vs Containers Explained Quickly - 4 Advantages Containers Have Over Sections

Elementor - Sections vs Containers Explained Quickly - 4 Advantages Containers Have Over Sections

17.01.2023
Affiliate Marketing For Beginners 2023

Affiliate Marketing For Beginners 2023

23.11.2021
Top 10 Elementor Pro Features

Top 10 Elementor Pro Features

17.12.2022
How The Elementor Flexbox Container Works - A Complete Guide

How The Elementor Flexbox Container Works - A Complete Guide

09.12.2022
I found a way to never use Pixels again in Elementor

I found a way to never use Pixels again in Elementor

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

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

11.03.2022
How To Use The NEW Elementor Container | Flexbox CSS

How To Use The NEW Elementor Container | Flexbox CSS

22.10.2020
Elementor Pro Header Tutorial

Elementor Pro Header Tutorial

02.01.2023
How To Make A WordPress Website 2023 | Elementor Flexbox Container Tutorial

How To Make A WordPress Website 2023 | Elementor Flexbox Container Tutorial

15.11.2022
Speed Up Your WordPress Website For Free

Speed Up Your WordPress Website For Free

17.08.2022
Elementor Flexbox Tutorial

Elementor Flexbox Tutorial