{"id":559871,"date":"2020-09-21T10:07:51","date_gmt":"2020-09-21T14:07:51","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=559871"},"modified":"2020-10-29T01:58:49","modified_gmt":"2020-10-29T05:58:49","slug":"elementor-3-0-design-system","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/elementor-3-0-design-system\/","title":{"rendered":"Elementor 3.0: Things You Need To Know About New Design System &amp; More"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"559871\" class=\"elementor elementor-559871\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-bb2364f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb2364f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9d0971\" data-id=\"e9d0971\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02c51ca elementor-widget elementor-widget-text-editor\" data-id=\"02c51ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Maintaining the same look throughout your whole website is integral for building your brand identity. Thankfully, <\/span><a href=\"https:\/\/elementor.com\/blog\/elementor-3-new-professional-features\/\" target=\"_blank\" rel=\"noopener\"><b>Elementor 3.0<\/b><\/a><span style=\"font-weight: 400\"> comes with a new <\/span><b>Design System<\/b><span style=\"font-weight: 400\">\u00a0which let&#8217;s you maintain a consistent and uniform design throughout your site.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-940b4d0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"940b4d0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a98bf66\" data-id=\"a98bf66\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e4dc4e elementor-widget elementor-widget-image\" data-id=\"4e4dc4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/Elementor-3.0-Things-You-Need-To-Know-About-The-New-Design-System-More.png\" class=\"attachment-full size-full wp-image-560017 wp-stateless-item\" alt=\"Design System\" srcset=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/Elementor-3.0-Things-You-Need-To-Know-About-The-New-Design-System-More.png 1280w, https:\/\/assets.wpdeveloper.com\/2020\/09\/Elementor-3.0-Things-You-Need-To-Know-About-The-New-Design-System-More-600x338.png 600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/Elementor-3.0-Things-You-Need-To-Know-About-The-New-Design-System-More-768x432.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/Elementor-3.0-Things-You-Need-To-Know-About-The-New-Design-System-More.png\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-02b58f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"02b58f3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f1ef8a\" data-id=\"7f1ef8a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b96721 elementor-widget elementor-widget-text-editor\" data-id=\"0b96721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Released on August 23rd, Elementor 3.0 is the third major update to empower all WordPress users to create websites faster, without any coding. It comes with an improved new theme builder, global site settings and a new <strong>Design System<\/strong> feature. In this blog post, we will walk you through everything you need to know about this new Design System and more<\/span>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d9d7bcd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d9d7bcd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-375c0e5\" data-id=\"375c0e5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26053e7 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"26053e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;],&quot;exclude_headings_by_selector&quot;:&quot;.eael-post-list-container&quot;,&quot;marker_view&quot;:&quot;numbers&quot;,&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__26053e7\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__26053e7\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__26053e7\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<i class=\"elementor-toc__spinner eicon-animation-spin eicon-loading\" aria-hidden=\"true\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-2fc7865 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2fc7865\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da17d9e\" data-id=\"da17d9e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4650016 elementor-widget elementor-widget-heading\" data-id=\"4650016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Are Design Systems &amp; How Do They Help Your Brand?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-87dbc6c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"87dbc6c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-021dcb9\" data-id=\"021dcb9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0727710 elementor-widget elementor-widget-text-editor\" data-id=\"0727710\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">A<\/span><b> Design System<\/b><span style=\"font-weight: 400\"> is the theme around which you build your website to reflect your brand identity. Think of big brand names like Amazon, Nike, Apple or even Spotify. A part of their strategy to build a unique brand identity is using a consistent design.<\/span><\/p><p><span style=\"font-weight: 400\">Now, with <a href=\"https:\/\/wpdeveloper.com\/go\/elementor\" target=\"_blank\" rel=\"noopener\"><strong>Elementor<\/strong><\/a>, you can create consistent designs for your website with the new <\/span><b>Design System<\/b><span style=\"font-weight: 400\">. This feature lets you apply changes to all parts of your site with a few clicks. Let\u2019s take a deep dive into how this new Design System works and find out how you can use them to build your brand identity.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6b294e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b294e8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-97220d2\" data-id=\"97220d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67dda33 elementor-widget elementor-widget-heading\" data-id=\"67dda33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Features Of The New Design System In Elementor 3.0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-de97d65 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"de97d65\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5680f3d\" data-id=\"5680f3d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d76702b elementor-widget elementor-widget-text-editor\" data-id=\"d76702b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">The new Design System in Elementor lets you apply <\/span><b>global colors and fonts<\/b><span style=\"font-weight: 400\"> everywhere on your site. This way, you can save time by applying changes globally instead of on individual pages.<\/span><\/p><p><span style=\"font-weight: 400\">To apply global colors and fonts to your website, create a new post or page in Elementor. Then navigate to <\/span><b>Settings\u2192 Site Settings <\/b><span style=\"font-weight: 400\">from your Elementor Editor. You should see a section called <\/span><b>\u2018Design System\u2019<\/b><span style=\"font-weight: 400\"> at the very top. From here, you can apply global colors and fonts to your website.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-b41a0ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b41a0ff\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e29d3fb\" data-id=\"e29d3fb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec3aab7 elementor-widget elementor-widget-image\" data-id=\"ec3aab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1600\" height=\"779\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/1-1-1.png\" class=\"attachment-full size-full wp-image-559947 wp-stateless-item\" alt=\"Design System Elementor\" srcset=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/1-1-1.png 1600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/1-1-1-600x292.png 600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/1-1-1-768x374.png 768w, https:\/\/assets.wpdeveloper.com\/2020\/09\/1-1-1-1536x748.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/1-1-1.png\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-c2984c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c2984c8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3fb5c91\" data-id=\"3fb5c91\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28b763a elementor-widget elementor-widget-text-editor\" data-id=\"28b763a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Global Colors: Apply A Consistent Color Scheme To Your Whole Website<\/h3><p><span style=\"font-weight: 400\">To set global colors for your website, click on the <\/span><b>\u2018Global Colors\u2019<\/b><span style=\"font-weight: 400\"> option. By default, you should be able to see Primary, Secondary, Text and Accent global colors. You can set your preferred global colors for them or even add a new global color as shown below.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4382aca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4382aca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7be4d82\" data-id=\"7be4d82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfcdb5c elementor-widget elementor-widget-image\" data-id=\"dfcdb5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1600\" height=\"752\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/2-2-2.gif\" class=\"attachment-full size-full wp-image-559949 wp-stateless-item\" alt=\"\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/2-2-2.gif\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-faf61de elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"faf61de\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8891713\" data-id=\"8891713\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6814883 elementor-widget elementor-widget-text-editor\" data-id=\"6814883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">You can now apply these global colors anywhere on your website. For instance, you can apply these global colors on the <\/span><b>\u2018Button\u2019 <\/b><span style=\"font-weight: 400\">widget by clicking on the element. You can then pick the global color instead of the custom colors from the <\/span><b>\u2018Style\u2019<\/b><span style=\"font-weight: 400\"> tab.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-5c489d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c489d7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38cb481\" data-id=\"38cb481\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e3716b elementor-widget elementor-widget-image\" data-id=\"3e3716b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"752\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/3-3.gif\" class=\"attachment-full size-full wp-image-559951 wp-stateless-item\" alt=\"Design System Elementor\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/3-3.gif\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-f4e732b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f4e732b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9973cef\" data-id=\"9973cef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d521ff7 elementor-widget elementor-widget-text-editor\" data-id=\"d521ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">This way, you can make sure that your website has a consistent color scheme.<\/span><\/p><h3>Global Fonts: Use The Same Font Style And Typography Everywhere<\/h3><p><span style=\"font-weight: 400\">To set global fonts for your website, click on the <\/span><b>\u2018Global Fonts\u2019<\/b><span style=\"font-weight: 400\"> option. By default, you should be able to see Primary, Secondary, Text and Accent global fonts. You can set your preferred global fonts for them or even add a new global font if you want.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-caa4310 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"caa4310\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f2d777d\" data-id=\"f2d777d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-041dd07 elementor-widget elementor-widget-image\" data-id=\"041dd07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"752\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/3-3-1.gif\" class=\"attachment-full size-full wp-image-559952 wp-stateless-item\" alt=\"Design System Elementor\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/3-3-1.gif\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-2e116bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e116bb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8af64f4\" data-id=\"8af64f4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51a281e elementor-widget elementor-widget-text-editor\" data-id=\"51a281e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">You can now apply these global fonts by clicking on any text or heading widgets. Then, choose the global font style from the <\/span><b>\u2018Style\u2019<\/b><span style=\"font-weight: 400\"> tab.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-80fee0b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"80fee0b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3bb255d\" data-id=\"3bb255d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13150f5 elementor-widget elementor-widget-image\" data-id=\"13150f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"752\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/4-4.gif\" class=\"attachment-full size-full wp-image-559953 wp-stateless-item\" alt=\"Design System Elementor\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/4-4.gif\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-3b4ca02 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b4ca02\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a7f736\" data-id=\"9a7f736\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93e6746 elementor-widget elementor-widget-text-editor\" data-id=\"93e6746\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">As you can see, the new Design System in Elementor is a great way to apply global changes to colors and fonts. This gives your website\u00a0 a more uniform, streamlined appearance. In this way, you can build your brand identity by maintaining a consistent look and feel for your website.<\/span><\/p><p><span style=\"font-weight: 400\">If you want to learn more about this new <\/span><b>Design System<\/b><span style=\"font-weight: 400\"> from Elmentor 3.0 and see how it works, then check out this video tutorial below<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-5cea08a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5cea08a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48ce710\" data-id=\"48ce710\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f23af5c elementor-widget elementor-widget-video\" data-id=\"f23af5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=CjdFxKPPikU&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-93bbca5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"93bbca5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ffc97d3\" data-id=\"ffc97d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d4af157 elementor-widget elementor-widget-heading\" data-id=\"d4af157\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Advanced Theme Styles And More Site Settings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d191cbf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d191cbf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55e04ca\" data-id=\"55e04ca\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58ed4e8 elementor-widget elementor-widget-text-editor\" data-id=\"58ed4e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">As you may already know, WordPress themes often come with their own default styles. These may disrupt the uniform design of your website if you choose to switch between themes. But, with the <\/span><b>\u2018Theme Style\u2019<\/b><span style=\"font-weight: 400\"> feature, you can apply global changes to your website. You can change your website&#8217;s typography, buttons, images and more. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4dc9bd6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4dc9bd6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ed6ce3\" data-id=\"0ed6ce3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-deba3d3 elementor-widget elementor-widget-image\" data-id=\"deba3d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"779\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/5-5.png\" class=\"attachment-full size-full wp-image-559954 wp-stateless-item\" alt=\"Design System Elementor\" srcset=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/5-5.png 1600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/5-5-600x292.png 600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/5-5-768x374.png 768w, https:\/\/assets.wpdeveloper.com\/2020\/09\/5-5-1536x748.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/5-5.png\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-768f874 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"768f874\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e21f14\" data-id=\"0e21f14\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-501aa25 elementor-widget elementor-widget-text-editor\" data-id=\"501aa25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">This feature works amazingly well with the global font and colors from the new Design System. To get started, you first need to head over to <\/span><b>Elementor\u2192 Settings<\/b><span style=\"font-weight: 400\"> from your WordPress dashboard. Then, disable the default colors and fonts by checking the boxes under the <\/span><b>\u2018General\u2019<\/b><span style=\"font-weight: 400\"> tab as shown below. You can now apply your global colors and fonts no matter what theme you are using.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-beef9fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"beef9fb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8b69aa\" data-id=\"f8b69aa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-785f547 elementor-widget elementor-widget-image\" data-id=\"785f547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"757\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/7-1.png\" class=\"attachment-full size-full wp-image-559957 wp-stateless-item\" alt=\"Design System Elementor\" srcset=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/7-1.png 1600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/7-1-600x284.png 600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/7-1-768x363.png 768w, https:\/\/assets.wpdeveloper.com\/2020\/09\/7-1-1536x727.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/7-1.png\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-7670165 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7670165\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7628e62\" data-id=\"7628e62\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66fb36c elementor-widget elementor-widget-text-editor\" data-id=\"66fb36c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Next, go back to your Elementor Editor. From the <\/span><b>\u2018Theme Style\u2019<\/b><span style=\"font-weight: 400\"> section in Site Settings, you can apply global changes for each page in your website. For example, you can change the font color for body text, headings, links and more from the <\/span><b>&#8216;Typography&#8217;<\/b><span style=\"font-weight: 400\"> section.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-22b93e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22b93e6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-def48d3\" data-id=\"def48d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3134cd9 elementor-widget elementor-widget-image\" data-id=\"3134cd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"752\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/cuiha4mBUI.gif\" class=\"attachment-full size-full wp-image-559961 wp-stateless-item\" alt=\"Design System Elementor\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/cuiha4mBUI.gif\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-591ad96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"591ad96\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3de968a\" data-id=\"3de968a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1fe324f elementor-widget elementor-widget-text-editor\" data-id=\"1fe324f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">There are several other more settings that can help you create a uniform look for your website. You will see options to change background colors, site identity elements, lightbox, layout and much more. Play around with these options to create a website that reflects you and your brand.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-a1c74d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a1c74d5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-545a8e5\" data-id=\"545a8e5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b6762f elementor-widget elementor-widget-heading\" data-id=\"8b6762f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More Improvements With Elementor 3.0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-67f6037 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67f6037\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32c63bb\" data-id=\"32c63bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f03b2f4 elementor-widget elementor-widget-text-editor\" data-id=\"f03b2f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Elementor 3.0 also comes with other improvements to enhance your website designing experience. Below, we take a quick look at some of the other things that are new with Elementor 3.0.<\/span><\/p><h3><b>A New, Enhanced Theme Builder With Elementor Pro<\/b><\/h3><p><span style=\"font-weight: 400\">The <\/span><b>Theme Builder<\/b><span style=\"font-weight: 400\"> from <\/span><b>Elementor Pro<\/b><span style=\"font-weight: 400\"> was first introduced with the release of <\/span><a href=\"https:\/\/wpdeveloper.com\/whats-new-in-elementor-pro-2-0\/\" target=\"_blank\" rel=\"noopener\"><b>Elementor 2.0<\/b><\/a><span style=\"font-weight: 400\">.\u00a0 Since then, it has completely revolutionized the way WordPress users can design their website..\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">With Elementor 3.0, this powerful Theme Builder gets a new, much more user friendly interface. Website designers can now get a quick overview of their site including, headers, footers, single posts and pages, and more. This new interface makes it easy for creators to instantly switch between different parts of their site<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d4caec2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d4caec2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-427022c\" data-id=\"427022c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c51300a elementor-widget elementor-widget-image\" data-id=\"c51300a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"779\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/9.png\" class=\"attachment-full size-full wp-image-559963 wp-stateless-item\" alt=\"Design System Elementor\" srcset=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/9.png 1600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/9-600x292.png 600w, https:\/\/assets.wpdeveloper.com\/2020\/09\/9-768x374.png 768w, https:\/\/assets.wpdeveloper.com\/2020\/09\/9-1536x748.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/9.png\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-5a7fcdb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a7fcdb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0134fd3\" data-id=\"0134fd3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-98a8d98 elementor-widget elementor-widget-text-editor\" data-id=\"98a8d98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">You can even preview your changes from within your Theme Builder.\u00a0 You will get to see an automatic image preview and screenshot of each of the templates that you customize. This way, you can manage and customize every part of your website all in one place.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d7bd5c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d7bd5c9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7623907\" data-id=\"7623907\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-292ca71 elementor-widget elementor-widget-image\" data-id=\"292ca71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"625\" src=\"https:\/\/assets.wpdeveloper.com\/2020\/09\/kpb4662UVU.gif\" class=\"attachment-full size-full wp-image-559965 wp-stateless-item\" alt=\"Design System Elementor\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/kpb4662UVU.gif\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-7d3afe4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7d3afe4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc6c215\" data-id=\"fc6c215\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10dc4f2 elementor-widget elementor-widget-text-editor\" data-id=\"10dc4f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><b>Performance Improvements For Better User Experience<\/b><\/h3><p><span style=\"font-weight: 400\">Every new release or update of Elementor attempts to enhance user experience. Elementor 3.0 is no exception, and comes with some updates in their codes and infrastructure to increase page speed rankings<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-b20780a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b20780a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2951d99\" data-id=\"2951d99\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8febdc2 elementor-widget elementor-widget-heading\" data-id=\"8febdc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wrapping Up<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-78872fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78872fb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fdd935\" data-id=\"5fdd935\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43716ac elementor-widget elementor-widget-text-editor\" data-id=\"43716ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Have you tried out<strong> Elementor 3.0<\/strong> yet? Let us know what you think of the new <strong>Design System<\/strong> and other features in the comments below. For more fun updates and tutorials, join our <\/span><a href=\"https:\/\/www.facebook.com\/groups\/essentialaddons\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>Facebook Community<\/b><\/a><span style=\"font-weight: 400\"> and connect with other web creators like yourself who are using Elementor to build their websites.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elementor 3.0 comes with a revolutionary new Design System feature, an improved Theme Builder, and global site settings for designing your whole website instantly.<\/p>\n","protected":false},"author":25294,"featured_media":560017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[110,108,70,434],"tags":[1168,104,1167,1170,910,152,1169,89,357,219],"class_list":["post-559871","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","category-elementor","category-news","category-wordpress","tag-design-system","tag-elementor","tag-elementor-3-0","tag-elementor-3-0-features","tag-elementor-page-builder","tag-elementor-theme-builder","tag-elementor-update","tag-wordpress","tag-wordpress-blogging","tag-wordpress-website"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[25294,2045],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":2114,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/559871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/25294"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=559871"}],"version-history":[{"count":24,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/559871\/revisions"}],"predecessor-version":[{"id":596624,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/559871\/revisions\/596624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/560017"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=559871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=559871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=559871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}