Elementor tutorials - Design & Layout Collection

admin_videos
770 Views · 8 months ago

2022 UPDATE: Width and Position (previously named Custom Positioning) can now be found under the Advanced ▶ Layout tab.

In this tutorial, we'll go over how to use inline positioning in Elementor 2.5.

You'll learn:
✔︎ How to align elements side-by-side in the same column
✔︎ Control an element position
✔︎ Use custom width to align your inline elements

Learn More: https://elementor.com/blog/int....roducing-flexible-la
Get Elementor Pro: https://elementor.com/pro/

admin_videos
767 Views · 8 months ago

2022 UPDATE: Position (previously named Custom Positioning) and Width can now be found under the Advanced ▸ Layout tab.

Learn how to properly use absolute and fixed custom positioning orientation settings in Elementor 2.5.

You will learn:
✔︎ The horizontal & vertical orientation concept
✔︎ How to use the offset values
✔︎ Resetting your position

Learn More: https://elementor.com/blog/int....roducing-flexible-la
Get Elementor Pro: https://elementor.com/pro/

admin_videos
790 Views · 8 months ago

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time

In this tutorial we will learn how to create, customize, and style text paths in Elementor.

This tutorial will cover:
✔︎ The various types of text paths
✔︎ How to add your own custom SVG path
✔︎ How to style the text and path
✔︎ How to add a motion effect to the text path widget
✔︎ And much more!

Don’t forget to subscribe to our channel!
Get Elementor: https://elementor.com
Get Elementor Pro: https://elementor.com/pro

admin_videos
767 Views · 8 months ago

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time

In this tutorial, we’ll get to know Elementor’s Mask Option.
Which allows you to give elements a new shape by turning them into mask-based objects, really making your sites stand out!

This tutorial will cover:
✔︎ Applying masks to widgets
✔︎ Using default shapes & custom SVG's or PNG's
✔︎ Customizations & tweaking for mobile devices
✔︎ And much more!

Don’t forget to subscribe to our channel!
Get Elementor: https://elementor.com
Get Elementor Pro: https://elementor.com/pro

admin_videos
546 Views · 8 months ago

See UPDATED Shape Divider tutorial here: https://youtu.be/sPE4ZfUFZoE

In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections.
Get Elementor: https://elementor.com
Read more about Shape Dividers: http://docs.elementor.com/arti....cle/207-shape-divide

admin_videos
787 Views · 8 months ago

Now you can upload your custom fonts and use them across all text widgets in Elementor. Read more: https://elementor.com/custom-fonts/

Simply upload your custom font formats, and see them instantly appear inside the widget typography settings.

Get custom fonts in Elementor Pro: https://elementor.com/pro/

admin_videos
770 Views · 8 months ago

2022 UPDATE: Custom Positioning is now called Position and can be found under the Advanced ▶ Layout tab.

Learn how to use absolute and fixed custom positioning in Elementor 2.5.

You will learn:
✔︎ The difference between absolute & fixed position
✔︎ How to freely position your widgets on the page
✔︎ Use absolute & fixed positioning the right way!

Learn More: https://elementor.com/blog/int....roducing-flexible-la
Get Elementor Pro: https://elementor.com/pro/

admin_videos
878 Views · 8 months ago

Margin and padding are used to create space between elements, and directly impact the layout as well as the look and feel of your site. It’s important to know what these 2 properties do and how they affect your design.

In this tutorial we'll cover:
✔︎ The difference between margin and padding
✔︎ When to use margin or padding
✔︎ Responsive editing
✔︎ Z-Index and column alignment
✔︎ And much more!

Link to the "Column Alignment in Elementor" tutorial: https://youtu.be/htUvG2Y5vaY

Don’t forget to subscribe to our channel!

Get Elementor: https://elementor.com/
Get Elementor Pro: https://elementor.com/pro/

admin_videos
784 Views · 8 months ago

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/

admin_videos
772 Views · 8 months ago

Do you want to build your page layout on WordPress in the easiest possible way? Try the FREE Elementor Page Builder for WordPress
Follow us on Facebook: https://www.facebook.com/elemntor, and Twitter: https://twitter.com/elemntor


Get Elementor free forever: https://elementor.com

This is a really basic and fundamental tutorial about using Elementor, and is the first part of three tutorials we will publish that concerns with using sections and columns in Elementor to build and control your page layout on WordPress.

Creating a custom page lets you create a wide variety of designs for your website, and leverage how your page design appears.

admin_videos
768 Views · 8 months ago

Join Ziv, Elementor Educator 🎓 for a webinar on Creating a Design System with Global Colors and Fonts with Elementor.
You'll learn how to:
✓ Create a homepage step-by-step with Elementor.
✓ Use Elementor’s free templates Library.
✓ Build a design system with Global Colors and Fonts, and understand how it can be applied to existing as well as new sites.
✓ Save the page as a template, with global styling already setup, and use it to create a contact us page.
✓ Learn how Theme Style & Global Colors and Fonts can be used together, to create an even more streamlined design system.
✓ Discover how to make your designs 100% responsive.

admin_videos
871 Views · 8 months ago

Defining the very basic settings of a website can be quite time-consuming.
With Elementor's Site Settings panel, you'll find many site-wide configuration tools. This way, you can stay inside Elementor, and have one place to set all of your site settings.

Get Elementor: https://elementor.com/
Get Elementor Pro: https://elementor.com/pro/