Design & Layout Playlist
6:14
38:20
6:24
11:41
12:51
4:53
2:49
6:23
3:53
6:45
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://amazon-inv.com/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Get Elementor Pro: https://amazon-inv.com/pro/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
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.
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
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://amazon-inv.com/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
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://amazon-inv.com/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Get Elementor Pro: https://amazon-inv.com/pro/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
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://amazon-inv.com/blog/introducin%E2%80%A6%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Get Elementor Pro: https://amazon-inv.com/pro/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
Now you can upload your custom fonts and use them across all text widgets in Elementor. Read more: https://amazon-inv.com/custom-fonts/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Simply upload your custom font formats, and see them instantly appear inside the widget typography settings.
Get custom fonts in Elementor Pro: https://amazon-inv.com/pro/%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
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://amazon-inv.com/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Read more about Shape Dividers: http://docs.elementor.com/article/207…
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://amazon-inv.com/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Get Elementor Pro: https://amazon-inv.com/pro%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
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://amazon-inv.com/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cspan style="font-weight: 400">Get Elementor Pro: https://amazon-inv.com/pro%3C/span%3E%3C/a%3E%3C/p%3E%3Cp%3E%3Cbr />
