{"id":817987,"date":"2020-11-20T16:00:07","date_gmt":"2020-11-20T16:00:07","guid":{"rendered":"https:\/\/www.lafactory.com\/blog\/download-a-free-global-presets-style-guide-for-divis-realtor-layout-pack\/"},"modified":"2022-12-10T13:48:34","modified_gmt":"2022-12-10T13:48:34","slug":"download-a-free-global-presets-style-guide-for-divis-realtor-layout-pack-2","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/en\/download-a-free-global-presets-style-guide-for-divis-realtor-layout-pack\/","title":{"rendered":"Download a FREE Global Presets Style Guide for Divi&#8217;s Realtor Layout Pack"},"content":{"rendered":"\n<div id=\"post-139818\">\n<p>Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies for Divi. Today, we\u2019re sharing a global presets style guide for Divi\u2019s Realtor Layout Pack. Divi\u2019s global presets help you speed up your web design process in no time, and to help you speed it up even faster, we\u2019ll be regularly providing global presets, that are unique to the layout pack, in one single layout. You can choose if you want to upload all global presets at once or select specific ones.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139874 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/divi-realtor-global-presets-style-guide-preview.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"5940\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/divi-realtor-global-presets-style-guide-preview.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/divi-realtor-global-presets-style-guide-preview-768x5184.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/divi-realtor-global-presets-style-guide-preview-610x4118.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h2 class=\"feature-title\" style=\"line-height: 1.3em;\">Download The Global Presets Style Guide For The Realtor Layout Pack<\/h2>\n<p>To lay your hands on the free global presets style guide, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you\u2019re already on the list, simply enter your email address below and click download. You will not be \u201cresubscribed\u201d or receive extra emails.<\/p>\n<div class=\"et_bloom_locked_container et_bloom_optin_1\" data-page_id=\"139818\" data-optin_id=\"optin_1\" data-list_id=\"mailchimp_c886a2fc0a\" data-current_optin_id=\"optin_1\">\n<div class=\"et_bloom_locked_form\">\n<div class=\"et_bloom_inline_form et_bloom_optin et_bloom_make_form_visible et_bloom_optin_1\" style=\"display: none;\">\n<div class=\"et_bloom_form_container  with_edge carrot_edge et_bloom_border_solid et_bloom_rounded et_bloom_form_text_light et_bloom_form_bottom et_bloom_inline_1_field\">\n<div class=\"et_bloom_form_container_wrapper clearfix\">\n<div class=\"et_bloom_form_content et_bloom_1_field et_bloom_bottom_inline\">\n<h2 class=\"et_bloom_success_message\">You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!<\/h2>\n<\/div>\n<\/div>\n<p><span class=\"et_bloom_close_button\"\/>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><iframe loading=\"lazy\" title=\"Download a FREE Global Presets Style Guide for Divi\u2019s Realtor Layout Pack\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/uMOuxW252gc?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><a class=\"button primary-button inline-button accent-red\" href=\"https:\/\/www.youtube.com\/c\/elegantthemes?sub_confirmation=1\" target=\"_blank\" rel=\"noopener\">Subscribe To Our Youtube Channel<\/a><\/p>\n<h2>A Quick Overview of Global Presets<\/h2>\n<p>The beauty of Divi is that it gives you full control over the design of your website using a wide range of design settings that you can use to customize the appearance of any element or module.<\/p>\n<p>The new Divi Presets system allows you to design a custom appearance for a Divi element (like a button module) and save it as a preset. All of the design changes you make are saved in the preset. When you add a new module to your page, you can browse your saved presets and quickly apply them.<\/p>\n<p>Once a preset has been applied, the module\u2019s default design is controlled by the preset. If you update the style of a preset, all modules using that preset are updated as well. This allows you to control the design of your entire website using a small collection of saved presets. Plus, it saves tons of time when adding new modules to your page, since you don\u2019t need to design each new module from scratch but instead can quickly select an appearance from your Divi Presets library.<\/p>\n<h2>When to Use a Global Presets Style Guide<\/h2>\n<p>Preferably, you\u2019ll start using a global presets style guide before building your pages, templates, etc. The reason behind that is that you\u2019ll be able to immediately access your global presets while building your designs, instead of having to go back to your design, reset inline styles on an element level and apply a global preset.<\/p>\n<p>Starting your Divi build process <strong>after you\u2019ve created a style guide<\/strong> helps you avoid having to manually make changes to modules inside their individual settings. If you\u2019re working with global presets from the beginning, you\u2019ll be able to modify them in one place and watch the changes unfold across your entire website at once.<\/p>\n<p>If you\u2019re looking to create your own global presets style guide from scratch, as opposed to using one that is based on a layout pack, check out the style guide framework download post.<\/p>\n<h2 class=\"feature-title\">Option A: Automatically Uploading All Global Presets at Once<\/h2>\n<p>This approach will automatically add all presets to your preset library at once.<\/p>\n<h3>Go to Divi Library<\/h3>\n<p>Go to your Divi Library in the backend of your WordPress website.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132154 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm1.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"777\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm1.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm1-300x265.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm1-768x678.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm1-610x539.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Upload Layout With Presets<\/h3>\n<p>There, click on the \u201cImport &amp; Export\u201d button at the top.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132155 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm2.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"527\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm2.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm2-300x180.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm2-768x460.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm2-610x365.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p>Continue by clicking on the import tab and selecting the JSON file which you were able to download at the beginning of this post. To automatically import presets, tick off the \u201cImport Presets\u201d box too. This will automatically add each preset to each module.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132156 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm3.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"648\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm3.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm3-300x221.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm3-768x566.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/agpdm3-610x449.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Preset Names Inside Preset Library<\/h3>\n<p>Below, you have a list of all presets and their names that have been added to your modules. The order is the same as in the print screen below. You can always go back to the style guide for reference.<\/p>\n<ul>\n<li>RLP \u2013 H1 \u2013 1<\/li>\n<li>RLP \u2013 H2 \u2013 1<\/li>\n<li>RLP \u2013 H3 \u2013 1<\/li>\n<li>RLP \u2013 H3 \u2013 2<\/li>\n<li>RLP \u2013 H4 \u2013 1<\/li>\n<li>RLP \u2013 Body \u2013 1<\/li>\n<li>RLP \u2013 Link<\/li>\n<li>RLP \u2013 Price<\/li>\n<li>RLP \u2013 Text \u2013 All \u2013 1<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139877 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-1.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"914\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-1.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-1-289x300.png 289w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-1-768x798.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-1-610x634.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<ul>\n<li>RLP \u2013 Button 1<\/li>\n<li>RLP \u2013 Button 2<\/li>\n<li>RLP \u2013 Button 3<\/li>\n<li>RLP \u2013 Button 4<\/li>\n<li>RLP \u2013 Button 5<\/li>\n<li>RLP \u2013 Button 6<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139878 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-2.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"636\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-2.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-2-300x217.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-2-768x555.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-2-610x441.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<ul>\n<li>RLP \u2013 Blurb 1<\/li>\n<li>RLP \u2013 Blurb 2<\/li>\n<li>RLP \u2013 Blurb 3<\/li>\n<li>RLP \u2013 Blurb 4<\/li>\n<li>RLP \u2013 Blurb 5<\/li>\n<li>RLP \u2013 Blurb 6<\/li>\n<li>RLP \u2013 Blurb 7<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139879 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-3.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"771\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-3.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-3-300x263.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-3-768x673.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-3-610x534.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<ul>\n<li>RLP \u2013 Contact Form 1<\/li>\n<li>RLP \u2013 Email Optin 1<\/li>\n<li>RLP \u2013 Slider 1<\/li>\n<li>RLP \u2013 Slider 2\n<\/li>\n<li>RLP \u2013 Blog 1<\/li>\n<li>RLP \u2013 Social Media Follow 1<\/li>\n<li>RLP \u2013 Number Counter 1<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139880 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-4.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"1372\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-4.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-4-192x300.png 192w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-4-657x1024.png 657w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-4-768x1197.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/realtor-style-guide-preview-4-610x951.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Access Preset in New Modules You Add<\/h3>\n<p>You can access each one of the uploaded presets by opening or adding a new module, clicking on the preset item at the top and selecting a preset of your choice.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139881 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp1.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"807\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp1.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp1-300x275.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp1-768x704.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp1-610x559.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h2 class=\"feature-title\">Option B: Selectively Turning Modules in Style Guide into Global Presets<\/h2>\n<p>With this approach, you have a bigger say in what appears in your global presets library and what doesn\u2019t. The elements will be provided to you in one place and you can visually pick which one you want to manually turn into a global preset with a name of your choice.<\/p>\n<h3>Go to Divi Library<\/h3>\n<p>Navigate to your Divi Library in the backend of your WordPress website.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132158 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm1.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"777\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm1.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm1-300x265.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm1-768x678.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm1-610x539.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Upload Layout Without Presets<\/h3>\n<p>Then, click on the \u201cImport &amp; Export\u201d button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132159 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm2.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"527\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm2.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm2-300x180.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm2-768x460.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm2-610x365.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p>Go to the import tab and select the JSON file you were able to download at the beginning of this post. If you want to be able to pick which modules you turn into global presets, it\u2019s important to leave the \u201cImport Presets\u201d box unchecked.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132160 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm3.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"600\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm3.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm3-300x205.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm3-768x524.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/bgpdm3-610x416.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Create New Page Draft + Upload Layout<\/h3>\n<p>Now, create a new page draft for the global presets style guide layout.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-134609 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp2.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"642\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp2.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp2-300x219.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp2-768x560.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp2-610x445.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-134610 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp3.png\" alt=\"realtor global presets style guide\" width=\"880\" height=\"443\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp3.png 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp3-300x151.png 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp3-768x387.png 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/08\/falp3-610x307.png 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139882 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp2.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"525\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp2.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp2-300x179.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp2-768x458.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp2-610x364.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Pick a Module You Want to Turn into a Global Preset &amp; Open Module Settings<\/h3>\n<p>Go through all the elements and decide which ones you want to turn into global presets.<\/p>\n<h3>Turn Module into Global Preset in Settings<\/h3>\n<p>Say, for instance, you want to turn one of the Button Modules into a global preset. Open the Button Module settings and click on the preset option at the top.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139883 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp3.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"729\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp3.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp3-300x249.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp3-768x636.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp3-610x505.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p>Turn the module settings into a new preset from custom styles.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139884 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp4.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"747\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp4.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp4-300x255.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp4-768x652.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp4-610x518.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p>Name the new preset however you want.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139885 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp5.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"725\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp5.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp5-300x247.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp5-768x633.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp5-610x503.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Repeat Steps for Each Module You Want to Include in Presets<\/h3>\n<p>Repeat these steps for each preset you want to create.<\/p>\n<h3>Exception: Nested Modules (Slider Module)<\/h3>\n<p>For nested modules, such as the SLider Module, you\u2019ll need to open the item inside the module and save that element as a new preset too.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139886 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp6.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"744\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp6.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp6-300x254.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp6-768x649.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp6-610x516.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139887 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp7.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"757\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp7.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp7-300x258.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp7-768x661.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp7-610x525.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-139888 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp8.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"758\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp8.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp8-300x258.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp8-768x662.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/11\/brlp8-610x525.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h2>Create Custom Color Palette with Color Codes Inside Your Divi Theme Builder<\/h2>\n<h3>Go to Divi Theme Options<\/h3>\n<p>The hex codes in the style guide can be used to create a custom color palette which you\u2019ll be able to quickly access while building your pages. To add the color palette, go to your Divi Theme Options.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132169 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm1.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"820\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm1.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm1-300x280.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm1-768x716.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm1-610x568.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h3>Customize Color Palette Using Hex Codes in Style Guide<\/h3>\n<p>Add the HEX color codes of your choice, which you can find in the style guide, to the default color palette.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-132170 size-full\" src=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm2.jpg\" alt=\"realtor global presets style guide\" width=\"880\" height=\"616\" srcset=\"https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm2.jpg 880w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm2-300x210.jpg 300w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm2-768x538.jpg 768w, https:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2020\/07\/cgpdm2-610x427.jpg 610w\" sizes=\"(max-width: 880px) 100vw, 880px\"\/><\/p>\n<h2>Tip: Keep Style Guide in Separate Tab to Copy\/Paste Specific Styles (Gradients\/Box Shadow\/Border\/\u2026)<\/h2>\n<p>Last but not least, it\u2019s a great idea to always keep the style guide in a separate tab. Using Divi\u2019s built-in and cross-page copy-paste option will help you quickly transfer styles, like gradient backgrounds, from one element to another!<\/p>\n<h2>New Global Preset Style Guides Every Week!<\/h2>\n<p>We hope you enjoy this week\u2019s global preset style guide. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!<\/p>\n<\/div>\n<blockquote class=\"wp-embedded-content\" data-secret=\"TTTA7Ymptb\"><p><a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/download-a-free-global-presets-style-guide-for-divis-realtor-layout-pack\">Download a FREE Global Presets Style Guide for Divi&#8217;s Realtor Layout Pack<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Download a FREE Global Presets Style Guide for Divi&#8217;s Realtor Layout Pack&#8221; &#8212; Elegant Themes Blog\" src=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/download-a-free-global-presets-style-guide-for-divis-realtor-layout-pack\/embed#?secret=NWL80BIBDU#?secret=TTTA7Ymptb\" data-secret=\"TTTA7Ymptb\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies for Divi. Today, we\u2019re sharing a global presets style guide for Divi\u2019s Realtor Layout Pack. Divi\u2019s global presets help you speed up your web design process in no time, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":817988,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1522],"tags":[],"class_list":["post-817987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-en"],"_links":{"self":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/posts\/817987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/comments?post=817987"}],"version-history":[{"count":0,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/posts\/817987\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/media\/817988"}],"wp:attachment":[{"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/media?parent=817987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/categories?post=817987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/en\/wp-json\/wp\/v2\/tags?post=817987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}