{"id":568926,"date":"2020-10-05T14:43:39","date_gmt":"2020-10-05T18:43:39","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=568926"},"modified":"2020-10-29T01:00:56","modified_gmt":"2020-10-29T05:00:56","slug":"elementor-site-settings","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/elementor-site-settings\/","title":{"rendered":"How to Use Elementor Site Settings For Your Entire Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"568926\" class=\"elementor elementor-568926\" 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-f5f5b25 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f5f5b25\" 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-de291ea\" data-id=\"de291ea\" 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-f33763b elementor-widget elementor-widget-text-editor\" data-id=\"f33763b\" 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\">With the release of <\/span><a href=\"https:\/\/wpdeveloper.com\/elementor-3-0-design-system\/\" target=\"_blank\" rel=\"noopener\"><b>Elementor 3.0<\/b><\/a><span style=\"font-weight: 400\">, you can now get an advanced feature known as <\/span><strong><a href=\"https:\/\/elementor.com\/blog\/elementor-3-new-professional-features\" target=\"_blank\" rel=\"noopener\">Elementor Site Settings<\/a><\/strong><span style=\"font-weight: 400\">. This feature has options to help you create a consistent design for your whole website. You can apply global changes to every page and element with a few clicks. Let&#8217;s learn how to use Elementor Site Settings for your entire 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-2377fa1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2377fa1\" 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-907a648\" data-id=\"907a648\" 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-f6ac408 elementor-widget elementor-widget-image\" data-id=\"f6ac408\" 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\/How-To-Use-Elementor-Site-Settings-For-Your-Entire-Website-1.gif\" class=\"attachment-full size-full wp-image-568932 wp-stateless-item\" alt=\"Elementor Site Settings\" data-image-size=\"full\" data-stateless-media-bucket=\"assets.wpdeveloper.com\" data-stateless-media-name=\"2020\/09\/How-To-Use-Elementor-Site-Settings-For-Your-Entire-Website-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-18f7006 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18f7006\" 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-4212725\" data-id=\"4212725\" 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-12cf1a9 elementor-widget elementor-widget-text-editor\" data-id=\"12cf1a9\" 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\">We all know how time consuming and nerve wrecking it can be to set up the very basic design of your website. The more web pages and elements you have in your website, the more time you have to spend to customize each part. It might take you a lot of time to make sure that you are using similar colors, fonts and styles throughout your site.<\/span><\/p><p><span style=\"font-weight: 400\">With <\/span><b>Elementor Site Settings<\/b><span style=\"font-weight: 400\">, you can save up hours of time by managing your Design System from one place. Not sure what a Design System is? Read on below to find out 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-fb2c972 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fb2c972\" 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-a3706d5\" data-id=\"a3706d5\" 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-13663fe elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"13663fe\" 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__13663fe\" 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__13663fe\" 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__13663fe\" 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-1ff422c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ff422c\" 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-4bb4d8f\" data-id=\"4bb4d8f\" 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-2c4e76f elementor-widget elementor-widget-heading\" data-id=\"2c4e76f\" 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\">Create A Uniform Design System Using Global Colors &amp; Fonts<\/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-8027cfc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8027cfc\" 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-cff8e8c\" data-id=\"cff8e8c\" 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-dbee7d2 elementor-widget elementor-widget-text-editor\" data-id=\"dbee7d2\" 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 <a href=\"https:\/\/elementor.com\/blog\/design-system\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>Design System<\/strong> <\/a>is the basic theme of your website. It involves the color scheme and font styles that will reflect what your website is about. In other words, a Design System gives your website its own <strong>brand identity<\/strong>. For example, if you want to create a website for a coffee shop, you might want to use warm, brown colors and bold fonts. But, it can be time consuming to apply those colors and fonts to each section of your website.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">That&#8217;s where Elementor&#8217;s new Design System feature comes into play. With this feature, you can set and apply <strong>global fonts and colors<\/strong> on every part of your website in a matter of minutes. This way, you can create a uniform, consistent Design System for your whole 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-b849641 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b849641\" 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-a1f0d64\" data-id=\"a1f0d64\" 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-e1ce5df elementor-widget elementor-widget-image\" data-id=\"e1ce5df\" 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-1f9f6c5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f9f6c5\" 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-9b5b55f\" data-id=\"9b5b55f\" 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-b3a7346 elementor-widget elementor-widget-text-editor\" data-id=\"b3a7346\" 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 amazing and useful feature is available with Elementor Site Settings. To use it, all you have to do is click on the hamburger menu on the top left corner of your Elementor Editor. Then, click on <strong>&#8216;Site Settings&#8217;<\/strong>. You should be able to see a section called <strong>&#8216;Design System&#8217;<\/strong> at the very top. From here, you can set your global colors and fonts for your entire website. You can also use these colors and font styles when creating any kind of <a href=\"https:\/\/wpdeveloper.com\/single-page-template-elementor-theme-builder\/\" target=\"_blank\" rel=\"noopener\"><strong>single page template <\/strong><\/a>in Elementor Theme Builder.<\/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-bab18d0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bab18d0\" 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-64b13cb\" data-id=\"64b13cb\" 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-53c0bb1 elementor-widget elementor-widget-image\" data-id=\"53c0bb1\" 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-95033e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"95033e7\" 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-1a98165\" data-id=\"1a98165\" 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-48fd638 elementor-widget elementor-widget-heading\" data-id=\"48fd638\" 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\">Customize Your Theme Style With Elementor 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-171880b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"171880b\" 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-619bf9b\" data-id=\"619bf9b\" 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-7d06d81 elementor-widget elementor-widget-text-editor\" data-id=\"7d06d81\" 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\">When creating websites on WordPress, your theme&#8217;s <strong>default colors and styles<\/strong> can conflict with the Design System you have in mind. To help you get more flexibility and freedom in this area, Elementor Site Setting lets you customize your <strong>Theme Style<\/strong>. This way, you can customize various HTML elements for your website no matter what theme you use.\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">To do this, you first need to navigate to <strong>Elementor&#8211;&gt; Settings<\/strong> from your WordPress dashboard. Next, you need to disable the default colors and fonts by checking the boxes under the <strong>&#8216;General&#8217;<\/strong> tab. This way, your WordPress theme&#8217;s default styles will not interfere with your design. <\/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-970ad01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"970ad01\" 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-57004f1\" data-id=\"57004f1\" 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-941b22a elementor-widget elementor-widget-image\" data-id=\"941b22a\" 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-8b2826b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8b2826b\" 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-68722a9\" data-id=\"68722a9\" 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-c1d69a4 elementor-widget elementor-widget-text-editor\" data-id=\"c1d69a4\" 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\">Once the above step is complete, go back to the page you were editing with Elementor Editor. Head over to Elementor Site Settings and scroll down to the <strong>&#8216;Theme Style&#8217;<\/strong> section. You can use the settings here to apply global changes to your headings, buttons, images and more.<\/span><\/p><p><span style=\"font-weight: 400\">You can use the global colors and fonts you have set earlier with Elementor Design System for the settings under the Theme Style section. For example, you can apply global fonts and colors to Body Text, buttons, headings 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-b5dc9b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5dc9b7\" 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-872b1f6\" data-id=\"872b1f6\" 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-72fb608 elementor-widget elementor-widget-image\" data-id=\"72fb608\" 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-a43e261 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a43e261\" 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-1664ad2\" data-id=\"1664ad2\" 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-4d7b67f elementor-widget elementor-widget-heading\" data-id=\"4d7b67f\" 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\">Style Layouts, Backgrounds &amp; More With Elementor 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-8f90d9a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f90d9a\" 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-76df0f6\" data-id=\"76df0f6\" 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-17cdbbd elementor-widget elementor-widget-text-editor\" data-id=\"17cdbbd\" 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\">Besides this, Elementor Site Settings also lets you globally customize your website&#8217;s background, layout, site identity elements and much more. You can tweak these settings in any way you want to make changes on <strong>every page of your website<\/strong> with only a few clicks. Want to learn more? Feel free to check out this quick 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-4babe51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4babe51\" 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-d269379\" data-id=\"d269379\" 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-50f21f9 elementor-widget elementor-widget-heading\" data-id=\"50f21f9\" 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\">Watch Video Tutorial<\/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-1c25bcf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c25bcf\" 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-90e4e93\" data-id=\"90e4e93\" 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-53ccbfb elementor-widget elementor-widget-video\" data-id=\"53ccbfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=GX4AKb2mYHw&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-5dda5d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5dda5d5\" 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-66eef92\" data-id=\"66eef92\" 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-23f8683 elementor-widget elementor-widget-heading\" data-id=\"23f8683\" 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-468ddd8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"468ddd8\" 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-5f33ca9\" data-id=\"5f33ca9\" 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-af86a16 elementor-widget elementor-widget-text-editor\" data-id=\"af86a16\" 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, <strong>Elementor Site Settings<\/strong> comes with powerful features that can help you save time when customizing your entire website. To summarize, it comes with a new <strong>Design System<\/strong> that lets you set and apply global colors and fonts.&nbsp;<\/span><\/p><p><span style=\"font-weight: 400\">It also comes with a new <strong>Theme Style<\/strong> feature that lets you globally customize your website&#8217;s typography, buttons, images and more. Finally, you can style your website&#8217;s layouts, backgrounds, custom CSS and other settings. In this way, you can use <strong>Elementor Site Settings<\/strong> to design your entire site in a matter of minutes.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Enjoyed this post? Let us know your thoughts in the comments section below. For more fun tutorials, news, and updates, make sure to <a href=\"https:\/\/wpdeveloper.com\/blog\/\" target=\"_blank\" rel=\"noopener\"><strong>subscribe to our blog.<\/strong><\/a> Or, join our <a href=\"https:\/\/www.facebook.com\/groups\/essentialaddons\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>Facebook Community<\/strong><\/a> to connect with other WordPress users like yourself.<\/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>Use the new and advanced Elementor Site Settings feature that comes with Elementor 3.0 to design your entire website on WordPress without coding.<\/p>\n","protected":false},"author":25294,"featured_media":568932,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[108,110,88,434],"tags":[1168,104,1167,1189,910,1188,1191,1190,89,219],"class_list":["post-568926","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-plugins","category-tutorials","category-wordpress","tag-design-system","tag-elementor","tag-elementor-3-0","tag-elementor-editor","tag-elementor-page-builder","tag-elementor-site-settings","tag-site-settings","tag-theme-styles","tag-wordpress","tag-wordpress-website"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[25294,2045],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":4523,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/568926","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=568926"}],"version-history":[{"count":21,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/568926\/revisions"}],"predecessor-version":[{"id":596554,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/568926\/revisions\/596554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/568932"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=568926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=568926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=568926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}