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. Today, we’re sharing a global presets style guide for Divi’s Estate Planning Layout Pack. Divi’s global presets help you speed up your web design process in no time, and to help you speed it up even faster, we’ll 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.
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 Divi Daily email list 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’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.
Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.
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.
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.
Once a preset has been applied, the module’s 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’t need to design each new module from scratch but instead can quickly select an appearance from your Divi Presets library.
Preferably, you’ll start using a global presets style guide before building your pages, templates, etc. The reason behind that is that you’ll 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.
Starting your Divi build process after you’ve created a style guide helps you avoid having to manually make changes to modules inside their individual settings. If you’re working with global presets from the beginning, you’ll be able to modify them in one place and watch the changes unfold across your entire website at once.
If you’re 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.
This approach will automatically add all presets to your preset library at once.
Go to your Divi Library in the backend of your WordPress website.
There, click on the “Import & Export” button at the top.
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 “Import Presets” box too. This will automatically add each preset to each module.
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.
EPLP – H1 – 1
EPLP – H2 – 1
EPLP – H2 – 2
EPLP – H3 – 1
EPLP – H4 – 1
EPLP – Body 1
EPLP – All Text 1
EPLP – Button 1
EPLP – Button 2
EPLP – Button 3
EPLP – Blurb 1
EPLP – Blurb 2
EPLP – Divider 1
EPLP – Number Counter 1
EPLP – Image 1
EPLP – Image 2
EPLP – Accordion 1
EPLP – Email Optin 1
EPLP – Contact Form 1
EPLP – Video 1
EPLP – Slider 1
EPLP – Blog 1
EPLP – Blog 2
EPLP – Column Style 1
EPLP – Column Style 2
EPLP – Column Style 3
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.
With this approach, you have a bigger say in what appears in your global presets library and what doesn’t. 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.
Navigate to your Divi Library in the backend of your WordPress website.
Then, click on the “Import & Export” button.
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’s important to leave the “Import Presets” box unchecked.
Now, create a new page draft for the global presets style guide layout.
Go through all the elements and decide which ones you want to turn into global presets.
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. Then turn the module settings into a new preset from custom styles.
Name the new preset however you want and save it.
Repeat these steps for each preset you want to create.
Turn the HEX color codes of your choice, which you can find in the style guide, global by right-clicking the color and selecting “Convert to Global”. You can do this for each one of the colors inside your color palette so you can easily access them when designing and building inside Divi.
Last but not least, it’s a great idea to always keep the style guide in a separate tab. Using Divi’s built-in and cross-page copy-paste option will help you quickly transfer styles, like gradient backgrounds, from one element to another!
We hope you enjoy this week’s 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!
The post Download a FREE Global Presets Style Guide for Divi’s Estate Planning Layout Pack appeared first on Elegant Themes Blog.