Welcome to Day 9 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!
With the Divi portability system’s ability to encode images and import/export complete layouts in a matter of seconds, it may be easy to forget that focusing on other pre-configured settings–such as font settings–can provide an incredible amount of design value. That’s why in today’s post we’re giving away a unique kind of layout pack. One that focuses on making the best font pairings possible with Divi’s font selection instantly available via the Divi Library.
This layout pack consists of one beautiful new page design rendered in ten different font pairing variations. Each font combination layout provides a style guide for how that font pairing should be used both on the page you’re building and site-wide via the customizer settings in Theme Customizer > General Settings > Typography as well as anywhere else you need to configure font settings.
- 1 Downloading & Using The Layout Pack
- 2 Subscribe To Download For Free
- 3 Download For Free
- 4 You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
- 5 10 Beautiful Divi Font Combinations
- 6 Get A New (FREE) Layout Pack Every Monday & Wednesday During Divi 100!
- 7 Divi 100 Day 9
- 8 The Countdown To Divi 3.0
Downloading & Using The Layout Pack
First, use the button below to download the layout pack. Then, locate the zipped file in your downloads folder and unzip it.
Next, navigate in your WordPress admin to Divi > Divi Library and click the “Import & Export” button at the top of the page.
When the portability modal pops up, go to the import tab. Click “Choose File” and either select the All.json file to import all of the layouts at once or an individual font combination file if you’d like to upload only the ones you’re interested in one at a time.
When you’ve made your selection, click the “Import Divi Builder Layouts Button” and wait for the upload to complete.
The layouts you’ve just imported will now be available on every page (new or existing) via the Divi Builder when you go to Load From Library > Add From Library.
Subscribe To Download For Free
Download The Layout Pack
Download For Free
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.
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
10 Beautiful Divi Font Combinations
The first layout you see below will be called Font Combination #00 in your Divi Library after you have imported the layout pack above. This is the only layout of the ten provided that will have an image included. It’s intended to show you the potential of these font combinations and the elevated sense of style they can bring to more “finished” content.
All of the other layouts, named “Font Combination” #01-09, are previewed below. Just as with any layout you can use these to jumpstart your design process while also using them as a style guide for how best to configure Divi’s font settings across your entire website.
Get A New (FREE) Layout Pack Every Monday & Wednesday During Divi 100!
Our vision for the ideal user experience is that when you install Divi and use its accompanying resources you will be able to quickly and easily create a beautifully designed website no matter how technically advanced you are.
One of the best ways to facilitate that process is to provide a large number of pre-designed Divi Layouts that anyone can use for any reason–personal or commercial. That’s why every Monday and Wednesday during the Divi 100 series we will be giving away a new, professionally designed, Divi layout pack.
Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a freebie!
Divi 100 Day 9
The Countdown To Divi 3.0
This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.
Thanks a lot… This is quite a big help. Love it!
I love this! Wish the CSS were somewhere easy to lift – but I can pull it from the pages.
You all are rocking it!
Man!! I am impressed. Thanks.
Thanks again for another awesome Library Pack! I’ve been squirreling them away since I’m mega busy. I need some time to play around with all the cool stuff you have given us.
What is the Layout style #10 font supposed to be? My layout page for Font Combo #10 is PT Sans and Open Sans, which is the same one is #9 here in this post.
May i also suggest an easy way to select the various weights that a font may have as part of the new Divi, something like a slider or a similar gadget.
For example Source sans has 6 weights and 6 italics. At the moment without having to refer to using code there is only ‘bold’ and ‘italic’ as options in the text field or modules.
The font combinations are so useful and will save me so much time. Thank you guys so much. I am really loving this 100 Day Adventure
Can anyone help? I have added some very basic CSS to a button to give it more padding around the text. I have added the following;
padding: 15px 35px;
This gives me the look I’m after, but how do I also apply this padding to the button hover text??
Also, is there any way other than CSS to get padding around the button text? I feel like their should be but I’m just not seeing it! haha.
I LOVE all of these options, but I wish that the file names of the zipped folders that we download would have a name that would help me remember (a month from now) what is inside them. this fine name divi pack 2 – doesn’t give me a hit that it’s fonts etc
Thank you! I haven’t had a lot of time to play around with them yet, but hope too soon! Keep them coming!
Great! Some ecommerce shop templates would be highly appreciated.
Another huge THANKS from me.
I am a novice when it comes to using ET and the new layout packs. If i understand this is for us to see how the font combinations will look when applied to the site?
Very nice examples of what Divi can do but only example, if you copy exactly word to word it’s ok, but if you change something, you’ll need to adapt and to find something else… A place to real designers…Thanks ET
Hello I have version 2.6.1 and Div intend to purchase version 3.0 my login 1 year has expired and will acquire new license, but as I will update the div 3.0 without losing what I have done in version 2.6.1?
Great Work Fabio & ET! Really excited about this countdown to 3.0
muy bueno nick
Layout man, this is awesome… 🙂
Such a simple idea, and yet SO USEFUL. Every new Divi site I start, I spend a lot of time just playing with font combinations. Getting the right pairing makes such a difference to a site’s design. You just saved me hours. THANK YOU.
I wonder would Divi 3.0 have all these packs in it? I’ve got the feeling that it will have…
BTW, not a customer of Divi (yet)… 😉