Divi Module | Divi Den

How to Style the Divi Theme Person Module – Free Falkor Person Module

Kyra Pieterse — Sat, 24 Feb 2018 09:58:44 +0000

How to Style the Divi Theme Person Module – Free Falkor Person Module

Free Falkor Divi Theme Person Module

Made in the Style of the Falkor Bundle! A free Divi Theme Person Module with a tutorial on how to style it. Designed in the style of the new Falkor Bundle, the spring 2018 UI Kit bundle, this divi person module is great for Divi Theme and Divi Builder users. This free tutorial on How to Style Divi Theme Person Module has been made to help you work more quickly and save you time and money. In an easy to follow tutorial that you can come back to any time you get stuck you will find useful ‘how to’ instructions.

Introduction

In this tutorial, you will learn how to create good looking Divi Theme Person module. The tutorial will be separated into several sections. The main sections you are going to learn about are:

Creating structure and adding modules
Customising Section, Row and Person Module

VIEW DEMO HERE SIGN UP TO DOWNLAOD

Section structure

Go to the page where you would like to have the Person module displayed. Create a new standard section and click Insert Column(s). Choose 1/3 + 1/3 + 1/3. Using Divi theme page builder, add a Person module in each column. You can leave modules settings blank for now, as we are going to get to that later. Add another three Person modules, so you have a grid. You can also assign Admin labels to each module, but this is optional. Section should now look like this.

Falkor Person modules section structure

Section settings

The first thing we want to deal with are section settings. Click section settings icon:

section settings

Content tab – Add a background image. For this example, I am going to use this one: LINK. If you would like to, you can add any other background image of your own choice. You can also use a solid colour background, gradient, or leave the background blank. Design tab – Scroll to Spacing section. Add 60px to the Top and to the Bottom Custom Padding. Leave everything else as it is. Advanced tab – Assign a CSS class: person_1_f – In Custom CSS section, box “Before”, add this CSS: content: ""; display: block; background-color: #1f2532; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; Click Save & Exit

Row settings

Let’s also change a few row settings. Click the row settings icon:

Row settings

Content tab – Make the background white Design tab – Use Custom Width – Set to Yes. Make the Custom Width 1170px – Add Custom Padding to the row: Top: 2.9vw, Right: 3vw, Bottom: 3vw, Left: 3vw Click Save & Exit

Add CSS

Go to page settings:

Page settings

Grab this CSS code:

.person_1_f .et_pb_team_member:hover p.et_pb_member_position {
    transition-delay: 0.5s;
}

.person_1_f .et_pb_team_member:hover .et_pb_member_social_links {
    transition-delay: 0.7s;
}

.person_1_f p.et_pb_member_position,
.person_1_f .et_pb_member_social_links {
    transform: translate(0, 150px);
    transition: all .3s ease-out;
}

.person_1_f .et_pb_team_member:hover p.et_pb_member_position,
.person_1_f .et_pb_team_member:hover .et_pb_member_social_links {
    transform: translate(0, 0);
}

.person_1_f .et_pb_team_member:hover .et_pb_team_member_description {
    transition-delay: 0.2s;
    transform: translate(0, 0);
}

.person_1_f .et_pb_team_member:hover:before {
    opacity: 0.8;
}

.person_1_f .et_pb_team_member_image{
    max-width: 100% !important;
}
.person_1_f .et_pb_team_member_image img {
    display: block !important;
    width: 100% !important;
}

/*Social links*/

.person_1_f .et_pb_member_social_links a:hover {
    opacity: 0.5;
}

.person_1_f .et_pb_member_social_links a {
    font-size: 16px;
}

/*Columns*/

.person_1_f .et_pb_row > .et_pb_column_1_4 {
    width: 43.6% !important;
}

.person_1_f .et_pb_row > .et_pb_column_3_4 {
    width: 56.4% !important;
}

.person_1_f .et_pb_row .et_pb_column_1_3:nth-child(3n + 3) {
    margin-right: 0 !important;
}

.person_1_f .et_pb_row .et_pb_column_1_3 {
    width: 31% !important;
    margin-right: 3.5% !important;
}


/*Responsive*/

@media only screen and (min-width: 1930px) {
    .person_1_f .et_pb_row{
        padding: 50px !important;
    }
    .person_1_f .et_pb_team_member .et_pb_team_member_description {
        padding-bottom: 50px !important;
    }

    .person_1_f .et_pb_team_member .et_pb_member_position {
        padding-bottom: 25px !important;
    }
}

@media only screen and (max-width: 1390px) {
  .blurb_6_f .et_pb_column_2_3 .et_pb_row_inner {
        padding-right: 40px;

    }
.blurb_6_f .et_pb_column_2_3 .et_pb_row_inner {
    padding-right: 40px;
}
.blurb_3_f .et_pb_row > .et_pb_column_1_3 {
    padding-right: 13vw !important;
    padding-left: 50px !important;
}
    #page-container .person_1_f .et_pb_space {
        margin-top: 0 !important;
    }

    #page-container .person_1_f .et_pb_team_member_description .et_pb_member_position {
        font-size: 16px;
    }

    #page-container .person_1_f .et_pb_member_social_links {
        margin-top: 3px !important;
    }

    #page-container .person_1_f .et_pb_team_member_description h4 {
        font-size: 18px !important;
    }

    #page-container .person_1_f .et_pb_team_member_description {
        padding: 0 15px 2vw !important;
    }

    #page-container .person_1_f .et_pb_promo_description h2 {
        font-size: 30px !important;
        padding-bottom: 20px;
    }

    .person_1_f .et_pb_team_member p.et_pb_member_position {
        padding-bottom: 0 !important;
    }
}

@media only screen and (max-width: 980px) {
.blurb_6_f .et_pb_row > .et_pb_column_1_3 {
        display: none !important;
    }
    .blurb_3_f .et_pb_row {
        max-width: 100% !important;
        width: 100% !important;
    }

    /*Blurb 3*/
    .blurb_3_f .et_pb_row > .et_pb_column_1_3 .et_pb_promo_description {
        padding-bottom: 0 !important;
    }

    .blurb_3_f .et_pb_row > .et_pb_column_1_3 .et_pb_promo_description h2 {
        padding-right: 0 !important;
    }

    .blurb_3_f .et_pb_row > .et_pb_column_1_3 .et_pb_promo_description {
        text-align: center !important;
    }

    .blurb_3_f .et_pb_row > .et_pb_column_1_3 {
        padding: 50px !important;
    }

    .blurb_3_f .et_pb_row .et_pb_row_inner:last-child {
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }

    .blurb_3_f .et_pb_row .et_pb_row_inner {
        width: 90% !important;
        margin: 40px auto 0 !important;
    }
.blurb_3_f .et_pb_row {
    max-width: 100% !important;
    width: 100% !important;
}
    #page-container .person_1_f .et_pb_row {
        width: 90% !important;
        padding: 20px;
    }

    .person_1_f .et_pb_row .et_pb_column_1_3 {
        margin-bottom: 0 !important;
    }

    .person_1_f .et_pb_row .et_pb_promo_description {
        padding-bottom: 0 !important;
        text-align: center !important;
    }

    .person_1_f .et_pb_team_member p.et_pb_member_position {
        padding-bottom: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
  .blurb_6_f .et_pb_row_inner:last-child .et_pb_column_1_3:last-child {
        margin-bottom: 0 !important;
    }

    .blurb_6_f .et_pb_row_inner .et_pb_column_1_3 {
        width: 100% !important;
        margin-right: 0% !important;
        margin-bottom: 20px !important;
    }
    .blurb_3_f .et_pb_row_inner .et_pb_column_1_3 {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .blurb_3_f .et_pb_row_inner:last-child .et_pb_column:last-child {
        margin-bottom: 0 !important;
    }

    .blurb_3_f .et_pb_row_inner .et_pb_column {
        margin-bottom: 20px !important;
    }
    .person_1_f .et_pb_row .et_pb_column_1_3:last-child .et_pb_team_member {
        margin-bottom: 0 !important;
    }

    .person_1_f .et_pb_row .et_pb_column_1_3 .et_pb_team_member:last-child {
        margin-right: 0 !important;
    }

    .person_1_f .et_pb_row .et_pb_column_1_3 .et_pb_team_member {
        width: 49% !important;
        margin-right: 2% !important;
        margin-bottom: 2% !important;
        float: left;
    }

    .person_1_f .et_pb_row .et_pb_column_1_3 {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
 #page-container .blurb_3_f .et_pb_row {
        width: 100% !important;
    }
    .person_1_f .et_pb_row .et_pb_column_1_3:last-child .et_pb_team_member:not(:last-child) {
        margin-bottom: 20px !important;
    }

    .person_1_f .et_pb_row .et_pb_column_1_3 .et_pb_team_member {
        width: 100% !important;
        margin-right: 0% !important;
        margin-bottom: 20px !important;
    }
}

Custom CSS box

Paste it inside the Custom CSS box:

Person modules settings

Finally, let’s edit the settings for the Person modules. In this tutorial, we are going to update a single module, then you can just do the same for the rest of the modules. Even quicker would be if you would just duplicate the updated module and then edit the content of it. Let’s get started. Click Person module settings icon;

Person module settings

Content tab – Fill in the Name – Add the Position text – Optionally, add social network URL’s – Add person’s photo Design tab – Make the Title text: H4, Montserrat, Bold, 20px, white – Make the Body Text: Open Sans, Regular, 18px, white – In Custom Padding fields, add a zero value eveywhere Advanced tab Scroll down to Custom CSS section and c/p the CSS where it needs to be added. – In “Before” box, add this CSS code: display: block; content: ""; position: absolute; width: 100%; height: 100%; background-color: #1f2532; opacity: 0; transition: all .3s ease-out; z-index: 10; – In “Main Element”, add this CSS: overflow: hidden; position: relative; – In “Member Image”: margin-bottom: 0 !important; – In “Member Description”: position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 3.1vw; transform: translate(0, 100%); transition: all .3s ease-out; z-index: 10; text-align: center; – In “Title”: padding-bottom: 12px; – And finally, In “Member Position”: padding-bottom: 2.6vw; Click Save & Exit

That’s it, all done!

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

I have been with Divi Den from the get go. I am very hard to please, but they keep pleasing. I have yet to find anything nearly as good. I use DiviDen on everything. Keep going…
- Stephen Wilson wilsonswebs.co.uk

I’d recommend Divi Den Pro to any serious Divi user. I’ve used it extensively and confirm the layouts work well with Divi. The support team is responsive and overall, I’m happy with my decision to use Divi Den Pro.
- Keith Agnew mokalabs.com

It’s me, again praising all of you as usual. How you all manage to keep coming up with ideas that are even more awesome than the previous ones is just amazing. I’m sure I’ve mentioned this before but the only thing better than your designs is your support. It is among the best support I’ve ever experienced on consistent basis if not the best.
- Amit K

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

They create awesome layouts for non-CSS people and their support team is top-notch. VERY responsive and they have saved me on tough items I could not figure out. If you want to work with a winning team on anything DIVI, check Divi Den out. You will not be disappointed. Thank you so much, Divi Den for all your help and to Marko in support too!
- Sonia W

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post How to Style the Divi Theme Person Module – Free Falkor Person Module appeared first on Divi Den.

How to Style a Divi Blurb Module – Free Module Plus Tutorial

Kyra Pieterse — Tue, 20 Feb 2018 13:15:54 +0000

How to Style a Divi Blurb Module – Free Tutorial & Blurbs

Made in the Style of the Falkor Bundle!

A free Divi Blurb Module with a tutorial on how to style the four up blurbs module. Designed in the style of the new Falkor Bundle, the spring 2018 UI Kit bundle, this blurb module is great for Divi Theme and Divi Builder users. The free tutorial on How to Style Divi Theme Blurb Module has been made to help you work more quickly and save you time and money. In an easy to follow tutorial that you can come back to any time you get stuck you will find useful ‘how to’ instructions.

Introduction

In this tutorial, you will learn how to create a good looking Divi Theme Blurb module. The tutorial will be separated into several sections. The main sections you are going to learn about are:

Creating section structure and adding Blurb modules
Customising Section, Row and Blurb module settings
Adding and customising CTA and Divider modules

View The Blurb Demo

VIDEO: Watch the installation video at the bottom of this page

Creating section structure

– Create a new Specialty Section

Specialty section

– Choose the structure as shown on the screenshot:

Structure

– Left, add two modules: One CTA module and one Divider
– Right, click Insert Column(s) and make it 1/2 + 1/2. Add two Blurbs, side by side.

Under each blurb, add 4 CTA modules.

Your section should now look like this:

Section Settings

Let’s first edit a few section settings. Click section settings icon:

Content tab

– Make Column1 background: #f7f7f7
– Make Column2 background: #1f2532

Design tab

– Make This Section Fullwidth – Set to Yes
– Equalize Column Heights – Set to Yes
– Use Custom Gutter Width – Set to Yes and make the Gutter Width 1
– In Spacing section, make Column1 Pading like this:
Top: 14vw, Right: 14.8vw, Bottom: 14vw, Left: 9.6vw
Also, in Custom Padding, add 0px to Top and Bottom fields.

Advanced tab

– Add CSS Class: blurb_3_f falkor lines
– In Main Element box, paste this CSS:

overflow: hidden !important;

Click Save & Exit

Row Settings

Let’s also edit some row settings. Click row settings icon:

Content tab

– Make the background white

Design tab

– Use Custom Gutter width – Set to Yes and make the Gutter Width 2
– Equalize Column Heights – Set to Yes
– In Spacing section, add Custom Margin so it’s like this:
Top: 6vw, Right: 0px, Bottom: 0px, Left: -105vw
– Add Custom Padding values like this:
Top: 4.2%, Right: 4.2%, Bottom: 0px, Left: 4.3%

Advanced tab

– In Main Element box, add this CSS:

width: 108%;

Click Save & Exit

Add CSS

In your Divi page builder, click page settings:

In Custom CSS box paste this CSS code:

.blurb_6_f .et_pb_column_1_3 .et_pb_image .et_pb_image_wrap,
.blurb_6_f .et_pb_column_1_3 .et_pb_image .et_pb_image_wrap img{
    display: block;
    width: 100%;
}


/*Columns*/

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:last-child {
    margin-right: 0 !important;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 {
    width: 49% !important;
    margin-right: 2% !important;
}

.blurb_3_f .et_pb_column_1_3 {
    width: 46.5%;
}

.blurb_3_f .et_pb_column_2_3 {
    width: 66%;
}

.blurb_3_f .et_pb_column .et_pb_main_blurb_image {
    margin-bottom: 24px;

    display: block;
}

.blurb_3_f .et_pb_column .et_pb_main_blurb_image img {
    display: block;
    max-width: 110px;
}

/*Lines*/

.blurb_3_f .top_line,
.blurb_3_f .bottom_line {
    width: 0%;
}

.blurb_3_f .left_line,
.blurb_3_f .right_line {
    height: 0%;
}

.blurb_3_f .top_line {
    top: 0;
}

.blurb_3_f .bottom_line {
    bottom: 0;
    left: 0;
}

.blurb_3_f .left_line {
    left: 0;
    bottom: 0;
}

.blurb_3_f .right_line {
    right: 0;
    bottom: 0;
}


/*Hover*/


.blurb_3_f .et_pb_row_inner .et_pb_column_1_3{
    cursor: pointer;
}
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .top_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .bottom_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .left_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .right_line {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .top_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .right_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .bottom_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .left_line{
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .left_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3 .bottom_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .right_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .top_line{
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .top_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .bottom_line {
    width: 100%;
}

.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .left_line,
.blurb_3_f .et_pb_row_inner .et_pb_column_1_3:hover .right_line {
    height: 100%;
}

.blurb_3_f.view_port .et_pb_divider {
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;

    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;

    max-width: 130px;
}

.blurb_3_f .et_pb_blurb:hover .et_pb_blurb_container {
    -webkit-animation: fadeIn 1s infinite;
    animation: fadeIn 1s infinite;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

Modules Settings

CTA

Content

– Add Title and Content text

Design

– Text Orientation: Set to Left aligned
– Title text should be: H2, Montserrat, Bold, 48px, #1f2532
– Body text: Lato, Regular, 16px, #757575, body line-height: 1.9em
– In Spacing section, add 0px to Bottom Custom Margin. Also, for Custom Padding left, add 0px

Advanced

– In the Promo Title box, add this CSS:

line-height: 120%!important;

padding-bottom: 30px;

padding-right: 2vw;

Click Save & Exit

Divider

Content

– Show Divider – Set to Yes

Design

– Color: Make it: #0080ff or optionally use your own colour
– Divider positioned – Set to Vertically Centered
– In Sizing section, set Divider Weight to 4px and Height to 4

Advanced

– Addd CSS Class: blue_lines
– In Main Element box, paste this CSS:

max-width: 130px;

text-align: left;

display: block;

margin-left: 0!important;

– Also, disable the module on Phone and Tablet

Click Save & Exit

Blurbs

Content

– Give your Blurbs a Title and add a Content
– Also, add icon images.

In this example, we will be using these images: Image1, Image2, Image3 and Image4. However, you can optionally add your own images if you prefer.

Design

– Title text should be: Montserrat, Ultra Bold, 18px, black
– Body Text: Lato, Regular, 16px, #757575
– Add Custom Padding: Top: 20px, Left: 20px, Right: 20px, Bottom: 20px

Advanced

– In Blurb Image box, add this CSS:

text-align: left;
– In Blurb Title box, add:

padding-bottom: 11px;

Click Save & Exit.

CTA’s

Finally, let’s edit CTA modules under the blurbs. We want to achieve that each CTA represents a border line that surrounds the blurb.
Let’s first set the settings for CTA modules from the left column:

You can than duplicate the same for the right column, once done.

For the first CTA:

Content

– Use this background colour: #0f87ff. In Admin label, you can add “Top Line”.

Design

– For all custom margins and custom padding add a value of zero.

Advanced

Assign a CSS class: top_line line
In Main Element box, add this CSS:

height: 4px;

position: absolute;

Save & Exit

For the second CTA, use the same settings. You can duplicate first one if you like. Only, change the class name to: left_line line.
Also, in Advanced tab, in Main Element box, change “height” to “width”.
Optionally, change the label name to “Left Line”.

Same is for the third CTA, just change the class name to: right_line line and “height” to “width’ in Main Element (Advanced Tab).

For the last one, change the class name to: bottom_line line

– In Promo Description:

padding: 0;

Each CTA representing a line, it should now look like this:

Duplicate row

Now, duplicate everything:

Click the duplicated row settings and go to Design tab. In Spacing section, change Custom Margin TOP to 0px, and Custom Padding TOP to 40px. Also, add Custom Padding Bottom to 40px.

Also, make sure to change the content and images for blurbs in duplicated row.

That’s all!

NB: You will need the Divi Theme for this layout. Get it here.

Licensing terms;
Please read and take note of our Terms & Conditions

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post How to Style a Divi Blurb Module – Free Module Plus Tutorial appeared first on Divi Den.

Divi Page Layout

Kyra Pieterse — Mon, 25 Dec 2017 08:07:34 +0000

Free Divi Page Layout – 12th Day of Xmas

Watch product video View demo here

About this layout

Here’s what this page layout contains:

Divi Header Module with one text block and one for image
Divi Blurb Module with three icons and hover animation effect
Divi Call to Action Module
Divi Person Module with three bios. Fun mouse over animation effect
Divi Pricing Table Module with middle price highlighted for effect
Divi Contact Form Module with text on the left and form to the right.

View our video and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this layout. Get it here.

Save this Divi layout/module directly from the Free Layout Finder

The Layout Finder is launched from the Divi Den on Demand Plugin Dashboard (DDD). Use our free layouts on as many websites as you want. All you need is the DDD Plugin for WordPress and the Divi Theme by Elegant Themes.

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

By the way... the plugin is not required for free page layouts to work. You can even remove the plugin after you have loaded this layout to your website. So you don't need to keep it if you don't want to. In any case we think you will love it! Look out for the new layouts when they arrive.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

With the Divi Den on Demand plugin installed, you simply go to a page on your website, search for a layout, click the load button and it gets loaded right onto the page. Now you can start editing with Divi.

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Page Layout appeared first on Divi Den.

Divi Header Module

Kyra Pieterse — Thu, 21 Dec 2017 10:01:18 +0000

Divi Header Module – 9th Day of Xmas

Watch product video View demo here

Free Divi Header Module – Day Nine of Divi Den’s Twelve Days of Freebie Xmas Cheer

What is a Divi Header Module?

The Divi Header Module is the main banner or image at the top of the page. On most websites the header image for the homepage is larger than the header size of inner pages.

For the homepage the use of a strong hero image is the current trend. This is designed to catch the attention of the user, have a connection to what the website offers in either product or services, and generally has a byline of some sort on top of the image to show the mission statement or belief of the websites owners. It is also a great place for a strong Call to Action.

What This Free Divi Header Module Has

This super selection of three Free Divi Header Modules for the Ninth Day to Xmas Freebie Cheer has:

background image with bold message on top. Superimposed double block with left hand block a text module with Call to Action to read more and an image on the right for the team or product/service the company offers
background image with bold message on top. Two Call to Action buttons. Three blocks superimposed for headings and additional text.
slider header. Both the large background image and the superimposed text box are part of the slider

Why would you want this free Divi Header layout?

This Freebie is a really attractive set of three Divi Header Modules. Each one has different elements on it. Headers are a must on the homepage and the smaller version is used on inner pages.

Headers are used to draw attention to a message and to confirm to the user that they have landed on the correct website. Watch our video to see how you can easily use the Divi Header Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

NB: You will need the Divi Theme for this layout. Get Divi here

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Header Module appeared first on Divi Den.

Divi Countdown Timer Module

Kyra Pieterse — Mon, 11 Dec 2017 15:05:28 +0000

Divi Countdown Timer Module – 11th Day of Xmas

Watch product video View demo here

Free Divi Countdown Timer Module – Day Eleven of Divi Den’s Twelve Days of Freebie Xmas Cheer

What is a Divi Countdown Timer Module?

A Divi Countdown Timer Module allows web designers to create a functional Countdown timer in just a few minutes. You can specify the exact days, hours, minutes and seconds.

Web designers can use the countdown timer in their pages or posts. It’s very easy to use and there isn’t any need of coding knowledge for creating countdowns with this Divi Countdown Timer Module.

What’s included with this module?

This super selection of three Free Divi Countdown Timer Modules for the Eleventh Day of Divi Den’s Xmas Freebie Cheer has:

* a header describing the purpose of the countdown with an additional line of text. Countdown has days, hours, minutes and seconds

* a background image with a text header with countdown bar superimposed. Useful for events too. Countdown has days, hours, minutes and seconds

* background image with text header and counter part of the image. Countdown has days, hours, minutes and seconds

Why you should get it

This Freebie is a really fun and functional set of three Divi Countdown Timer Modules. Each one has different look to it. Countdowns are really useful on the homepage but may also be dotted around on inner pages.

Countdowns are used to draw attention to an event or project start. It can be a launch of a product, used on the landing page of a new website coming soon, the time to the start of an event, a special holiday or any other promotion that has a time frame attached.

Watch our video to see how you can easily use the Divi Countdown Timer Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

How to use it:

View our video below and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this layout. Get it here

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Countdown Timer Module appeared first on Divi Den.

Divi Testimonial Module

Kyra Pieterse — Mon, 11 Dec 2017 15:03:12 +0000

Divi Testimonial Module – 10th Day of Xmas

Watch product video View demo here

Day Ten of Divi Den’s Twelve Days of Freebie Xmas Cheer – a Free Divi Testimonial Module

What is a Divi Testimonial Module?

The Divi Testimonial Module is a great way to create credibility. The Divi Testimonial Module allows you to add persuasion to your sales page, mention what people say on case studies and portfolio items and in general show what customer say about you and your services or products.

Each testimonial in general has a name and a quote. Titles and company names can also be added if required as well as links to the website of the person providing the testimonial. Divi Testimonial Modules can be used anywhere to add value.

What This Free Divi Testimonial Module Has

This super selection of three Free Divi Testimonial Modules for the Tenth Day of Divi Den’s Xmas Freebie Cheer has:

* Header, three testimonials with text, the name and an image in a circle of the person providing the testimonial

* 3 Testimonial blocks next to each other. Image of person in circle window, name and position underneath and text block for actual testimonial

* Slider with three testimonials. Header. Quotes and text block with Name and title of person providing testimonial underneath.

Why would you want this free Divi Testimonial layout?

This Freebie is a really attractive set of three Divi Testimonial Modules. Each one has different elements to it. Testimonials are really useful on the homepage but may also be dotted around on inner pages.

Testimonials are used to draw attention to the credibility of the business or individual of the website and to confirm to the user that they have landed on a website that they can trust. Watch our video to see how you can easily use the Divi Testimonial Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

How to use it:

View our video and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this layout. Get it here

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Testimonial Module appeared first on Divi Den.

Divi Accordion Module

Kyra Pieterse — Mon, 11 Dec 2017 14:57:51 +0000

Divi Accordion Module – 8th Day of Xmas

Watch product video View demo here

Free Divi Accordion Module – Day Eight of Divi Den’s Twelve Days of Freebie Xmas Cheer

What is a Divi Accordion Module?

The Divi Accordion Module is a handy tool to display content in content boxes which can be toggled open and closed with an accordion effect. It’s a great way to manage larger content within a system. Accordions are similar to tabs except that the items are displaying in a vertical list

Accordions can be used on any page. For the homepage Divi Accordion Modules are particularly handy as more information can be revealed when necessary. The advantage being that when closed the accordion does not take up much actual homepage real estate.

Accordions are also very useful for FAQ pages.

What This Free Divi Accordion Module Has

This Free Divi Accordion Module for the Eighth Day to Xmas Freebie Cheer has:

Bold heading, sub heading and two rows of accordions.
2 blocks of Accordions next to each other. Useful for more info than normal
Useful heading for a statement with text block underneath. Accordion feature on the right. Call to Action button.

Why would you want this free Divi Accordion layout?

This Freebie is a most useful Divi Accordion Module for use on many different pages on a website. Accordions work well on the homepage as well as inner pages such as Product or Services pages.

Accordions are also useful on About pages. Watch our video to see how you can easily use the Divi Accordion Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

How to use it:

View our video and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this layout. Get the Divi Theme.

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Accordion Module appeared first on Divi Den.

Free Divi Blurb Module

Kyra Pieterse — Mon, 11 Dec 2017 14:43:14 +0000

Free Divi Blurb Module – 7th Day of Xmas

Watch product video View demo here

Day Seven of Divi Den’s Twelve Days of Freebie Xmas Cheer

What is a Divi Blurb Module?

Divi Blurb Modules are super easy to use elements on a website. A Blurb is a thumbnail sized bit of information to tease the visitor to a website into clicking on a read more button. In most cases Blurbs are on the homepage where space is at a premium and are designed to take visitors to more information pages on the site.

A Divi Blurb module usually has an icon that represents the subject of the Blurbs, as well as short text and a button to click further. Or alternatively the icon serves as button. Blurbs are meant to attract attention and often come with an animation effect to create some interest.

What This Divi Blurb Module Has

This Free Divi Blurb Module for the Seventh Day to Xmas Freebie Cheer has:

left side block for short description and Call to Action Button. Three icons with hover over animation with heading and space for brief explanation
3 blocks each with icon, title, and brief text for description with mouse over animation
4 circle icons with title and space for brief text. Fun hover over animation effect

Why would you want this free Divi Blurb layout?

This Freebie takes the hard work out of making Divi Blurb Modules for a website. Watch our video to see how you can easily use the Divi Blurb Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

How to use it:

View our video and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this layout. Get Divi Theme

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Free Divi Blurb Module appeared first on Divi Den.

Divi Call to Action Module

Kyra Pieterse — Mon, 11 Dec 2017 13:03:04 +0000

Free Divi Call to Action Module – 6th Day of Xmas

Watch product video View demo here

Free Divi Call to Action Module – Day Six of Divi Den’s Twelve Days of Freebie Xmas Cheer

What is a Divi Call to Action Module?

A Divi Call To Action Module (CTA) is an element in the content of a website that encourages the user to do something. This could be to click on a special offer, subscribe to a newsletter, view more information or book an event. Done right it can lead to more engagement and at the best case scenario to greater sales conversions.

As commerce moves onto the internet and face to face interaction becomes less important or even less possible in the global community the CTA is becoming a vital tool to encourage users to do something that will open the door to making contact and even offer sales opportunities.

What This Free Divi Call to Action Module Has

The CTA module is a simple combination of a title, body text and a button. When combined with a vibrant background color, a CTA can catch the attention. This Free Divi Call to Action Module for the Sixth Day to Xmas Freebie Cheer has:

a simple but effective CTA that asks a question to get interest and a click a button call to action to get more info from the user
a stronger CTA with an effective use of background colour, space for a brief explanation and a button
Call to Action thinner block to go across the page. Use an image for the background with CTA button

Why would you want this free Divi Call to Action layout?

This Freebie takes the hard work out of making Divi Call to Action Modules for a website. Watch our video to see how you can easily use the Divi Call to Action Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

How to use it:

View our video and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this layout. Get it here

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Call to Action Module appeared first on Divi Den.

Divi Contact Form Module

Kyra Pieterse — Mon, 11 Dec 2017 12:00:45 +0000

Free Divi Contact Form Module – 5th Day of Xmas

Watch product video View demo here

Free Divi Contact Form Module – Day Five of Divi Den’s Twelve Days of Freebie Xmas Cheer

What is a Divi Contact Form Module?

A Divi Contact Form Module allows visitors to a website to contact the business or individual easily and while they are on the website. It’s quicker to type in some info into fields and hit submit than to copy an email address into one’s email software.

Contact forms can also add good design elements to a page and add some interactivity with animations making it a feature rather than just a necessity. It can look better than just adding an email address.

It’s also more re-assuring for users to click submit on a form knowing this will go to the right person. And for the website owner a contact form can allow them to protect themselves against spam bots that scrape email addresses off sites to use in shady campaigns.

What This Free Divi Contact Form Module Has

This Free Divi Contact Form Module for the Fifth Day to Xmas Freebie Cheer has:

Text block to the left with button to click for more info. Three field form.
Form with name and email address fields on the right and larger space for the message to the left
Large form for business enquiries requesting a phone number and other form of contact. Suitable for enquiries that want a return sales call such as for quoting purposes

Why would you want this free Divi Contact Form layout?

This Freebie takes the hard work out of making a Divi Contact Form Modules for a website. Watch our video to see how you can easily use the Divi Contact Form Module and how you can customise it to your purpose. This Freebie is right for any web designer using the Divi Theme. With three different layouts to choose from you are bound to be able to apply one on a website you are building.

How to use it:

View our video and keep it simple. If you are new to Divi – Have fun with it but don’t get too fancy until you feel more confident.

NB: You will need the Divi Theme for this. Get it here.

Save this Divi layout/module directly from the Free Layout Finder

Download the Divi Den on Demand Plugin today. It's totally free.

No strings attached. No email required. Download link on the right.

Note: If you are a Divi Den Pro user you can find all free layouts & modules by selecting the FREE category from the Layout Finder in the Divi Den Pro plugin dashboard.

The Layout Finder is your window the complete Divi Den Library

Save Time - Browse for everything in one place. View live demos and save directly to your library with a click.
Save Disk Space - Only download the layouts you truly need. Keep your media library clean, lean and bloat free.
Get Free Layouts - Download and use our layouts on as many sites as you like.
Automatic Updates - Get free security updates, CSS improvements and other fixes right away.
Browse Pro Layouts - Expand your search with 3090 premium layouts and modules.
See What's New - View the latest and greatest layouts and modules made by our team.

How it works

See how to install the plugin and load layouts

Looking for a bigger selection premade layouts? Premium layouts.

Maybe you need modules like contact forms or blog layouts consider taking a look at Divi Den Pro with 3090 items at your fingertips. You can even get started with a free trial.

Get help

If you need any help - try the help files. Watch our YouTube tutorials or send us a support request. We would be happy to help

Watch the video below to see how it's done

NB: You will need the Divi Theme for this layout. Get it here.

Regular License

Divi Den On Demand Plugin

Get access to all Free Divi Den layouts with the WordPress plugin. Simple. Easy. Free.

To review our full Terms & Conditions please click here.

Helpful Tips:

You need the Divi Theme for this product. Get it here
Images are for demo purposes only. Get your own copyright free images

Non-commercial use:
Use any free library item privately to

Create or maintain personal websites
Create or maintain your company websites

Commercial use:
You can charge a fee for websites you create, provided that you add value. Ideal for freelancers, marketers and agencies.

Download unlimited library items
Add value by changing text, images and/or colours
Build or maintain unlimited websites
Don't sell layouts "as is" in a store, or give it away free

Read full terms & conditions

What People Say

This plugin has really made me look like I know what I’m doing!
- Flynn

Best layout packs out there! So easy to use, so versatile! Amazing support!
- David O (FB permalink)

LOVE LOVE LOVE your solutions and generosity with the fantastic layout packs. Your team is solid with it's solutions and creativity. Thanks!
- Cr8tivmedia

The post Divi Contact Form Module appeared first on Divi Den.