Design & Layout Collection

<span style=\"font-weight: 400\">https:\/\/elementor.com\/<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbUxfcGtBcFo1cThQM1RJY3p5U3dvSk5vczRqQXxBQ3Jtc0tremp0ZWdKMXpYeGFJYWRnY1dNU1M4UDhjMFBYTGFDQU1uSnVOakMwbU1pZ3B6c1cycU9BWEh2eklPSUJrbGh1WUpGSXVrbW1MdnJIdGxsb29iR2o0VmJURy1SMVBLUE1rQ0Z5UVlkVnIzenBtZE5nOA&q=https%3A%2F%2Felementor.com%2Fpro%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro\/<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"5ade6a2","youtube_url":"https:\/\/www.youtube.com\/watch?v=OvETB43I7_w","title":"Global Colors & Fonts: Creating a Design System With Elementor","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/OvETB43I7_w\/maxresdefault.jpg","id":""},"duration":"38:20","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">Join Ziv, Elementor Educator \ud83c\udf93 for a webinar on Creating a Design System with Global Colors and Fonts with Elementor.<\/span><\/p><p><span style=\"font-weight: 400\">You'll learn how to:<\/span><\/p><p><span style=\"font-weight: 400\">\u2713 Create a homepage step-by-step with Elementor.<\/span><\/p><p><span style=\"font-weight: 400\">\u2713 Use Elementor\u2019s free templates Library.<\/span><\/p><p><span style=\"font-weight: 400\">\u2713 Build a design system with Global Colors and Fonts, and understand how it can be applied to existing as well as new sites.<\/span><\/p><p><span style=\"font-weight: 400\">\u2713 Save the page as a template, with global styling already setup, and use it to create a contact us page.<\/span><\/p><p><span style=\"font-weight: 400\">\u2713 Learn how Theme Style & Global Colors and Fonts can be used together, to create an even more streamlined design system.<\/span><\/p><p><span style=\"font-weight: 400\">\u2713 Discover how to make your designs 100% responsive.<\/span><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"title":"Build Your Page Layout on Elementor","youtube_url":"https:\/\/www.youtube.com\/watch?v=joWTUN77hnA","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/joWTUN77hnA\/maxresdefault.jpg","id":""},"inner_tab_is_content_visible":"show","_id":"040e7e7","duration":"6:24","inner_tab_content_1":"<p><span style=\"font-weight: 400\">Do you want to build your page layout on WordPress in the easiest possible way? Try the FREE Elementor Page Builder for WordPress<\/span><\/p><p><span style=\"font-weight: 400\">Follow us on Facebook:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbGJjaUJyWkg4M0V3c3RCWXJaS3pONnZ0Ykd1Z3xBQ3Jtc0tueWc2MjJQTmhKYzE2UTZBS2J2RGNPSlVMMWJhV0ZYZHp6RHQwSTZIc1NrZFVPYjU2eG9QTGJSVWkybjIxRVhRQU04Z3dpYkF1YklCTzU4MHk0ZmxHWThmbEllSm9vMUZERUJ3SVE1TDZsQ2p3VElRbw&q=https%3A%2F%2Fwww.facebook.com%2Felemntor\%22> <span style=\"font-weight: 400\">https:\/\/www.facebook.com\/elemntor<\/span><\/a><span style=\"font-weight: 400\">, and Twitter:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbDN0WkNhV1hFNW1QMFpqZjc1TE1Ed0xZZ195QXxBQ3Jtc0tuS0xmU0I5dmpQYVpLYW14Sjc0Y0FEZXZvQi1Gb040RW5ocE55ci1MNFBuaUhaOTB6a1N1OEprWHBJLWRKcjFyQ1FncTVaVmJoVmJtaVpIUV9BREVlc1lPekFsOWsydEp1cDV3YkFoQnFQRE90Vm9WMA&q=https%3A%2F%2Ftwitter.com%2Felemntor\%22> <span style=\"font-weight: 400\">https:\/\/twitter.com\/elemntor<\/span><\/a><\/p><p><br \/><br \/><\/p><p><span style=\"font-weight: 400\">Get Elementor free forever:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbDZhV3ZuTktLUDdOam0tLTQyVWFpQUd2QjU1QXxBQ3Jtc0tteEJVanB3N1JEaGZiRzdzRHhsdk1mQ2VnVU52Q2xFNHpmaC1sMTBJUG9GcVZaWHpUdEtSWFlSXzVub2hEQ0pvT2ZxX3pJZjlBWTV6aE0zYWd2c0MzVzRERkl5cGdSS3FRWFJjSkVVN204ZWMzWDkzZw&q=https%3A%2F%2Felementor.com\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com<\/span><\/a><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">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.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Creating a custom page lets you create a wide variety of designs for your website, and leverage how your page design appears.<\/span><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"title":"Sections & Columns Part 2: Style Options for Sections and Columns","youtube_url":"https:\/\/www.youtube.com\/watch?v=HkD_Lx-DGn4","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/HkD_Lx-DGn4\/maxresdefault.jpg","id":""},"_id":"08f9296","inner_tab_is_content_visible":"show","duration":"11:41","inner_tab_content_1":"<p><span style=\"font-weight: 400\">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.<\/span><\/p><p><span style=\"font-weight: 400\">Get Elemenor free forever:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa0xDNm1sc2FQcUdReTV6SkgxcnNjcmVEWmpaQXxBQ3Jtc0tsblZZSEs5ZG9xUWE4VDI3Q3YwcnJDS2F4ZElNTWJqaVhzZmVNbXdsbGlDUkV3Rml1aXBBdXRmYm42NkREUHYtY2haX1A5MTFtU3NsRlV0ZWcxOXRndjI5dlN0bmJTdkdHUERmSGRQYXdjZEJjQzRzRQ&q=https%3A%2F%2Felementor.com%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"293b364","youtube_url":"https:\/\/www.youtube.com\/watch?v=YhmwlWb8amY&t=581s","title":"Margin and Padding Basics in Elementor","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/YhmwlWb8amY\/maxresdefault.jpg","id":""},"duration":"12:51","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">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\u2019s important to know what these 2 properties do and how they affect your design.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">In this tutorial we'll cover:<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e The difference between margin and padding<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e When to use margin or padding<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e Responsive editing<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e Z-Index and column alignment<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e And much more!<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Link to the \"Column Alignment in Elementor\" tutorial:<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=htUvG2Y5vaY&t=0s\%22> <span style=\"font-weight: 400\">https:\/\/youtu.be\/htUvG2Y5vaY<\/span><\/a><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Don\u2019t forget to subscribe to our channel!<\/span><\/p><p><span style=\"font-weight: 400\">Get Elementor:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbFNKYjdhRk9FLU5kWUVaWGpBRUw1bktGX01Rd3xBQ3Jtc0ttbGRGTS04Zk9sOFlReGF0dy1sWEF2YTNyRGtUbzFlcXY2NmZwV3pwOE1GcnhRWEZKMjVOUEU3TDFiOFc3LXFJYjhtaEh2TTVvdVd0RW9QWTY0a2RwT3ExY09Ob3Ric2dfVzhpTThTbU1wX3MxTllDdw&q=https%3A%2F%2Felementor.com%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbWd3aXpRX1dZb2gxYlp6VjNyYjBFMTNnYmRMZ3xBQ3Jtc0tsZkRrQVdsXzdSemFhV0Y4OUJlc2ZCRl9tcWRGNWx1dHl0d3N2U21ydGIyeUpial9IODd4Rm5Qa2dkX1JibDJVbUdxY2theHF3TU15ZUZ4MFZEejZkSWNOYXUzMktkdHJBX3o0a0F2eU1IT1VuUDV0cw&q=https%3A%2F%2Felementor.com%2Fpro%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro\/<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"941237c","youtube_url":"https:\/\/www.youtube.com\/watch?v=vJ851SD-6u0","title":"How to Use Absolute & Fixed Custom Positioning in Elementor","duration":"4:53","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/vJ851SD-6u0\/maxresdefault.jpg","id":""},"inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">Learn how to use absolute and fixed custom positioning in Elementor 2.5.<\/span><\/p><p><span style=\"font-weight: 400\">You will learn:<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e The difference between absolute & fixed position<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e How to freely position your widgets on the page<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e Use absolute & fixed positioning the right way!<\/span><\/p><p><span style=\"font-weight: 400\">Learn More:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa3QtV0dGcl8wWWNXU1VEWDJDVEZEbkFDVTQtd3xBQ3Jtc0trMnI2U0RXVk5pQWVTWlNkaVI4V2tjX01leXZRTEs3Zk84Q1hpUWFaVnNkS2JJZ3lpWkNvZVZhdjRZa0xYTHQzNlhQLWpvaVQ1UDd0dmREeWlzS1B4UUtnRWotZUt2aDhSNVdJS2l3djJ4N0FOZkRPUQ&q=https%3A%2F%2Felementor.com%2Fblog%2Fintroducing-flexible-layout%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/blog\/introducin...<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbU5ySUFuOGUxOWtGTzlfLUJGN0NVa295VkJNZ3xBQ3Jtc0tuTXJ3ZnJzRWlGd3QzMnZkYlNsZThBckI5d2xXV211SlE0N2dFM2tqVHVHZ2tKZWR1YjJIMmpiRzBMQkdkenJFMFVHdC1EY3ZuOWI5QzFZeE5iVUxUWmc5cml0ZVN3ejgwdmZvRm4yd2NMSUl5YkRmVQ&q=https%3A%2F%2Felementor.com%2Fpro%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro\/<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"a6e12f3","youtube_url":"https:\/\/www.youtube.com\/watch?v=lskSCRBVU1k","title":"Custom Fonts - How to Add Your Own Fonts","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/lskSCRBVU1k\/maxresdefault.jpg","id":""},"duration":"2:49","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">Now you can upload your custom fonts and use them across all text widgets in Elementor. Read more: <\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbUg0X25obmZJaWMzRFRvdFZvY0FydmFlV0haQXxBQ3Jtc0trb1BhbURGSDRSdXBRUTVzS0RMVTFqMWVLSWNMS2ZCa1p0R3BtUDlfNnBWbU9vUDcwOFdLU3lpTDRBbkVSREJMS25HUDdta1NNeW9QTlp1cUpjTWFNa1lDLTZkbURRaEZmNUI4cGNvaU56NG50NkRKOA&q=https%3A%2F%2Felementor.com%2Fcustom-fonts%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro\/<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"b67c41d","youtube_url":"https:\/\/www.youtube.com\/watch?v=uSl6SVE1pwQ","title":"Build Your Page Layout on Elementor","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/joWTUN77hnA\/maxresdefault.jpg","id":""},"duration":"6:23","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">In this tutorial we explain how to use the FREE Elementor Page Builder feature to add stunning shape dividers to WordPress page sections.<\/span><\/p><p><span style=\"font-weight: 400\">Get Elementor:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbFd0U0FaeG5TRFV3UExfQXlUZ0c2THRiU204UXxBQ3Jtc0ttYzFUZWNtNlBVZVEwQjN0T1FhQVRnYWh2NzQ0eXhrUm43b3FHV2FtWDVNNjdBZ09yXzJGal9PS215SUlmV1F2VTJHWFBRcURFbVcwV3JiSllmX3FhQTNuRFRnUXZtT0dkOTlwZ3llMWNxQmNob3EtNA&q=https%3A%2F%2Felementor.com\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Read more about Shape Dividers:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa2VHSDJ2amRDU3o3SVdnQXhMVHgzeHpadDFzd3xBQ3Jtc0tuZGgxM0RwNFdrb2QxQ1JpRGduRkJNNHZFNTFjV0RzS0EwZXZNbTZVendSTWptRkJGRkRXV1J1ZWdGbjVuTjAwRjFzTTFBalRLdWNZekpYLTBONGhVcFRpNURDaFlXUm9xWU4xQ0xaejRoWkZsSmxCbw&q=http%3A%2F%2Fdocs.elementor.com%2Farticle%2F207-shape-divider\%22> <span style=\"font-weight: 400\">http:\/\/docs.elementor.com\/article\/207...<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"25e06b5","youtube_url":"https:\/\/youtu.be\/tujmkmuqM0M","title":"How to Use Elementor's Mask Option","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/tujmkmuqM0M\/maxresdefault.jpg","id":""},"duration":"3:53","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">In this tutorial, we\u2019ll get to know Elementor\u2019s Mask Option.<\/span><\/p><p><span style=\"font-weight: 400\">Which allows you to give elements a new shape by turning them into mask-based objects, really making your sites stand out!<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">This tutorial will cover:<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e Applying masks to widgets<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e Using default shapes & custom SVG's or PNG's<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e Customizations & tweaking for mobile devices<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e And much more!<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Don\u2019t forget to subscribe to our channel!<\/span><\/p><p><span style=\"font-weight: 400\">Get Elementor:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbWdVQXRqRm9sSTRaYjFlcmk2UFJzdHhnai16UXxBQ3Jtc0tsbXpsUE9tdXFaRk0tVWlkNDBmdGl2T1ZqbXVRTFFzc0RPRGFtMEVJbVJXWDJWSDA3VkNMRVh3MDVLRGVOemVHeVlpSFFaUVltaks5WENCa2gxVVh2dzliaXU5cDJ6blQxZlZnRlZkOUJRU1N1bVItTQ&q=https%3A%2F%2Felementor.com\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa3hKMmNkd3BPLUlJYWtjd0JTeHUxbmt3b2QyZ3xBQ3Jtc0tuckVxbUNvWjBQVFdTUkFIblM5VEFiXzlEQlNXNkVFeWY5aWdEMU95MFZSM2tCbFhYcFQzVXJ5Z0tUZXJvbXJ1dVJzdlVKSVFXNW1IWWxXTTh2QU1xQ2dNYWtLWUN1RW9sblc4X1dIaHQyVjdFZ0R3dw&q=https%3A%2F%2Felementor.com%2Fpro\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"2ee22c5","youtube_url":"https:\/\/youtu.be\/aeqpeYkE_yE","title":"How to Use the Text Path Widget","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/aeqpeYkE_yE\/maxresdefault.jpg","id":""},"duration":"6:45","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">In this tutorial we will learn how to create, customize, and style text paths in Elementor.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">This tutorial will cover:<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e The various types of text paths<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e How to add your own custom SVG path<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e How to style the text and path<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e How to add a motion effect to the text path widget<\/span><\/p><p><span style=\"font-weight: 400\">\u2714\ufe0e And much more!<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Don\u2019t forget to subscribe to our channel!<\/span><\/p><p><span style=\"font-weight: 400\">Get Elementor:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbFpyQk1JcmpUYU1nR1F4eElOSVVIVXVBeUk4d3xBQ3Jtc0tsN3BVd0E1SmRYY1VhbHcyUGVfaXhnZHU1by1vREtLQmk1QS1HbXNMQkhIT1g5aC1hQ1BxajFad2w4QUdEWTVTa3dDQlVYUXE4bzQxNGV4bUdxbm5oZGRwb1c2NV9iM0ZpX3gtOTNlRWtPd2tENXBrZw&q=https%3A%2F%2Felementor.com\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbWNmRHFuUGh0eGQyZTVFQTc0ak44UW9UdzlnQXxBQ3Jtc0ttc1p6Y3FvelEzMEhCczhIaC1naEpqNERHX1ZBSVRLRVlSOURtNTV5SlJITlZ0RlJ6aHdTMFJLOFpVdDRmM09BRDBIMmtlU2N1R01ibm1Ydm5nRktKS2pWUUFudDNtSTdMYVIwc0t6MWlKb3cwR3ZETQ&q=https%3A%2F%2Felementor.com%2Fpro\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro<\/span><\/a><\/p><p><br \/><br \/><\/p>","type":"youtube","vimeo_url":null,"is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""}],"inner_tab_title_1":"Overview","inner_tab_title_2":"Transcript","inner_tab_is_content_collapsible":"collapsible","inner_tab_collapsible_height":{"unit":"px","size":"139","sizes":[]},"autoplay_next":"yes","show_watched_indication":"yes","autoplay_on_load":"yes","inner_tab_collapsible_height_tablet":{"unit":"px","size":"","sizes":[]},"inner_tab_collapsible_height_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="video-playlist.default">

Design & Layout Playlist

10 Videos

How to Use Elementor Site Settings

6:14

Global Colors & Fonts: Creating a Design System With Elementor

38:20

Build Your Page Layout on Elementor

6:24

Sections & Columns Part 2: Style Options for Sections and Columns

11:41

Margin and Padding Basics in Elementor

12:51

How to Use Absolute & Fixed Custom Positioning in Elementor

4:53

Custom Fonts - How to Add Your Own Fonts

2:49

Build Your Page Layout on Elementor

6:23

How to Use Elementor's Mask Option

3:53

How to Use the Text Path Widget

6:45

Overview

Overview

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/

Show More Show Less