{"id":479,"date":"2017-05-12T10:55:22","date_gmt":"2017-05-12T17:55:22","guid":{"rendered":"https:\/\/www.blocksylaunch.click\/documentation\/?p=479"},"modified":"2017-05-17T20:40:58","modified_gmt":"2017-05-18T03:40:58","slug":"theme-customizer","status":"publish","type":"post","link":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/","title":{"rendered":"Using The Extra Theme &#038; Module Customizer"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/X9lUCbUXmXw?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>Accessing The Theme &#038; Module Customizers<\/h2>\n<p>The Theme &#038; Module customizers give you control over just about every single element on your page. Want to adjust the size or spacing of text or an element of your website at the click of a button? The Customizer is where you want to start! To customizer panels can be accessed via the<\/p>\n<p><strong>Extra > Theme Customizer<\/strong> and <strong>Extra > Module Customizer<\/strong> links in your WordPress Dashboard. The Theme Customizer gives you control over site-wide theme elements, such as your menu &#038; logo size or your body and header text styles. The Module Customizer gives you size &#038; font controls over individual modules. Do you want to reduce the height of all the slider modules on your website? That can be done in just a few seconds via the Module Customizer! Let&#8217;s take a closer look.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png\" \/><\/p>\n<h2>Exploring The Theme Customizer<\/h2>\n<p>First we will explore the Theme Customizer. There are hundreds of options here, separated into different categories. When you first open up the customizer you will see several panels, such as &#8220;Header &#038; Navigation&#8221; and &#8220;General Settings.&#8221; Opening these panels will reveal the options related to those areas of your website. As you adjust the settings within the customizer, you will be given a live preview of their effects. Once you save your changes, the new styles will be reflected on your live website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-module_customizer_gif.gif\" alt=\"\" width=\"1534\" height=\"881\" class=\"aligncenter size-full wp-image-404\" \/><\/p>\n<p>You can do just about anything with the Theme Customizer without ever touching a line of code. For a more detailed look at some of the different customizer options, and some creative ways to use these options together, be sure to watch the instructional video above.<\/p>\n<h2>Exploring The Module Customizer<\/h2>\n<p>The Module Customizer works just like the Theme Customizer, except it focuses on the customization of individual modules as opposed to general website elements. When you open up the Module Customizer, you will see a separate panel for each of the Divi Builder modules. Opening up these panels will reveal customizer controls that can be used to adjust the spacing and typography of each module across your entire website. <\/p>\n<p>For example, if you think that the FullWidth Slider Module&#8217;s default settings have too much padding, you can simply open the Fullwidth Slider panel and adjust the padding slider. Now whenever you add a new Fullwidth Slider to a page, the customized padding value will be reflected. There&#8217;s no need to use a Child Theme or adjust the Advanced Module settings for the individual module. The Module Customizer is a collection of global module controls.<\/p>\n<p><img decoding=\"async\" alt=\"docs image\" src=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-module_customizer_gif.gif\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the theme customizer, you can adjust just about every part of Extra&#8217;s design.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,20],"tags":[],"class_list":["post-479","post","type-post","status-publish","format-standard","hentry","category-extra","category-basics-extra"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using The Extra Theme &amp; Module Customizer - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Using the theme customizer, you can adjust just about every part of Extra&#039;s design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-12T17:55:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-18T03:40:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png\" \/>\n<meta name=\"author\" content=\"admindocumentation\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admindocumentation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"Using The Extra Theme &#038; Module Customizer\",\"datePublished\":\"2017-05-12T17:55:22+00:00\",\"dateModified\":\"2017-05-18T03:40:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/\"},\"wordCount\":435,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/theme-customizer-image-1.png\",\"articleSection\":[\"Extra Theme Documentation\",\"The Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/\",\"name\":\"Using The Extra Theme & Module Customizer - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/theme-customizer-image-1.png\",\"datePublished\":\"2017-05-12T17:55:22+00:00\",\"dateModified\":\"2017-05-18T03:40:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/theme-customizer-image-1.png\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/theme-customizer-image-1.png\",\"width\":960,\"height\":518},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/extra\\\/theme-customizer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using The Extra Theme &#038; Module Customizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\",\"name\":\"admindocumentation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"caption\":\"admindocumentation\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/","og_locale":"en_US","og_type":"article","og_title":"Using The Extra Theme & Module Customizer - Elegant Themes Documentation","og_description":"Using the theme customizer, you can adjust just about every part of Extra's design.","og_url":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-05-12T17:55:22+00:00","article_modified_time":"2017-05-18T03:40:58+00:00","og_image":[{"url":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#article","isPartOf":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/"},"author":{"name":"admindocumentation","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"Using The Extra Theme &#038; Module Customizer","datePublished":"2017-05-12T17:55:22+00:00","dateModified":"2017-05-18T03:40:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/"},"wordCount":435,"image":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png","articleSection":["Extra Theme Documentation","The Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/","url":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/","name":"Using The Extra Theme & Module Customizer - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#primaryimage"},"image":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png","datePublished":"2017-05-12T17:55:22+00:00","dateModified":"2017-05-18T03:40:58+00:00","author":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#primaryimage","url":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png","contentUrl":"https:\/\/www.blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/theme-customizer-image-1.png","width":960,"height":518},{"@type":"BreadcrumbList","@id":"https:\/\/www.blocksylaunch.click\/documentation\/extra\/theme-customizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"Using The Extra Theme &#038; Module Customizer"}]},{"@type":"WebSite","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#website","url":"https:\/\/www.blocksylaunch.click\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.blocksylaunch.click\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268","name":"admindocumentation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","caption":"admindocumentation"}}]}},"_links":{"self":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":3,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":1823,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/479\/revisions\/1823"}],"wp:attachment":[{"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}