Divi Documentation

Learn how to get started building your website using Divi.

+5

105 articles in this collection
Written by Mitch, Faycal, Karen and 5 others

Learning The Basics

How To Download And Install The Divi Theme

Installing our themes can be done using the WordPress Dashboard.

Written by Mitch
Updated over a week ago

Getting Started With The Divi Builder

Divi is best used in visual mode, allowing you to build your page on the front-end of your website

Written by Mitch
Updated over a week ago

Using The Divi Theme Options

Divi comes with theme options that are used to set up various parts of your site.

Written by Mitch
Updated over a week ago

How To Update The Divi Theme

Our themes support automatic updates using your API key and Username.

Written by Mitch
Updated over a week ago

Creating Mega Menus In Divi

Mega menus are a great way to consolidate your excessive menu items.

Written by Faycal
Updated over a week ago

Using The Builder

An Overview Of Divi Sections

Sections are the builder’s largest building blocks, and can be used in various ways.

Written by Mitch
Updated over a week ago

Using Premade Layouts In Divi

Divi ships with tons of amazing premade layouts that you can use to jumpstart your design.

Written by Mitch
Updated over a week ago

Using Divi’s Right Click Controls

Divi’s right click controls give you quick access to some new and commonly-used features.

Written by Mitch
Updated over a week ago

Divi Rows & Row Options

Sections are the builder’s largest building blocks, and can be used in various ways.

Written by Mitch
Updated over a week ago

Divi Keyboard Shortcuts

Divi’s keyboard shortcuts save a ton of time. Do anything in just a few keystrokes!

Written by Mitch
Updated over a week ago

Divi Design Settings & Advanced Module Settings

You can customize absolutely everything about any module using the advanced design settings.

Written by Mitch
Updated over a week ago

Customizing Divi

Using The Divi Mobile Customizer Settings

Adjust sizes and margins for specific devices, such as tablets and smartphones.

Written by Mitch
Updated over a week ago

The Divi Header & Navigation Theme Customizer Settings

Easily customize the look & feel, as well as the structure of your header.

Written by Mitch
Updated over a week ago

How to create a collapsable Mobile Menu while keeping the parent links active

Collapsing Menus are great when the Main Navigation menu has a lot of items

Written by Eduard Ungureanu
Updated over a week ago

How to change the Blog Module layout to have featured image on the left and post info on the right

Changing the default Blog module FullWidth Layout to have the Featured Image on the left, and the post content on the right

Written by Eduard Ungureanu
Updated over a week ago

Video Background With Gradient Background Over It

This article will help you to define a semi-transparent gradient background over your video.

Written by Karen
Updated over a week ago

Changing Fixed Header Background And Size

Learn how to define transparent/solid background header differently for Primary Navigation and Fixed Navigation and defining different sizes

Written by Karen
Updated over a week ago

Moving Filterable Portfolio Module To Child Theme

You'll learn how to move the default Divi Filterable Portfolio Module to your child theme to customize it later

Written by Karen
Updated over a week ago

Moving Portfolio Module To Child Theme

You'll learn how to move the default Divi Portfolio Module to your child theme to customize it later

Written by Karen
Updated over a week ago

Updating URL In Address Bar When Anchor Links Are Used

By default Divi does not add the anchor links to the URL in the browser address bar. You can fix it by applying the following small code.

Written by Karen
Updated over a week ago

Adding Overlay To Video Background

In this article you'll learn how to add Gradient/Color Overlay to your video backgrounds

Written by Karen
Updated over a week ago

Divi Global Modules, Rows & Sections

Create a library item that syncs between all of the pages you use it on.

Written by Mitch
Updated over a week ago

How To Change Divi's Default Project Slug

With this guide, you can change Divi's Project post type slug (/project/) with your own custom one.

Written by Karen
Updated over a week ago

Change the image shared on Facebook / LinkedIn / Twitter

Set social media shared image

Written by Marius
Updated over a week ago

How To Find Divi Shortcodes

Learn where you can find the Divi shortcodes to apply it anywhere you want outside Divi Builder

Written by Karen
Updated over a week ago

Open Youtube or Vimeo videos in a popup

Written by Andrei N
Updated over a week ago

Portfolio Images Are Being Cropped

Portfolio Images/Thumbnails Are Being Cropped

Written by Karen
Updated over a week ago

Display Product Description On WooCommerce Shop/Category Pages And Divi Modules

Add the product's short description (excerpt) to the WooCommerce shop/category pages.

Written by Karen
Updated over a week ago

Blog Images Are Being Cropped

Blog Images/Thumbnails Are Being Cropped

Written by Karen
Updated over a week ago

Enable autoplay for videos

Written by Andrei N
Updated over a week ago

Replacing Default Alt Attribute In Image Module With WordPress Alt

By default it's not possible to use the built-in WordPress image attributes for the Image module, like Alt. Here is a workaround.

Written by Karen
Updated over a week ago

Using Preloader Plugin

Written by Andrei N
Updated over a week ago

Stop background video on last frame

Written by Andrei N
Updated over a week ago

Using the Divi Builder on WooCommerce cart / checkout pages.

Woocommerce automatically creates the Cart page and Checkout page using it's own shortcodes

Written by Eduard Ungureanu
Updated over a week ago

How to Disable Lightbox On The Gallery Module

If you want nothing to happen when you click on the gallery module images

Written by Faycal
Updated over a week ago

How can I recover my content if I lost it?

I lost my content and need to get it back.

Written by Cristi
Updated over a week ago

Divi Layout & Typography Customizer Settings

You can customize just about everything when it comes to layout & typography.

Written by Mitch
Updated over a week ago

Adjusting Divi Button Styles In The Theme Customizer

Change the look and feel of your buttons to give your site a unique look.

Written by Mitch
Updated over a week ago

Improve Your Google Page Speed Score

Written by Andrei N
Updated over a week ago

How to migrate your local website to a live server

Moving local website to live server

Written by Andrei N
Updated over a week ago

Customize Blog Module - Read More Link Text

Change text of the read more button. Change style and color of the read more button.

Written by Andrei N
Updated over a week ago

How to display "Add to cart" icon on small screens

Adding woocommerce add-to-cart icon on mobile screens

Written by Karen
Updated over a week ago

Tabs Module. Open A Page With A Certain Tab Opened

Open A Page With A Certain Tab Opened Using Divi Tabs Module

Written by Karen
Updated over a week ago

CSS Error Expected Brace, Unexpected Token

Errors in Custom CSS Box

Written by Andrei N
Updated over a week ago

How To Upload Custom Fonts in Divi Builder?

Written by Cristi
Updated over a week ago

How can I add a link to a specific section of the page?

Creating in-page navigation using anchor links

Written by Eduard Ungureanu
Updated over a week ago

Sending a copy to the sender with the Contact Form module.

Written by Cristi
Updated over a week ago

Blog Module doesn't show Post Images when JetPack Plugin is active

The Featured Images are not showing on older post pages, except the first page.

Written by Eduard Ungureanu
Updated over a week ago

The Divi Library

The Divi Library

The Divi Library is where you can save custom modules and layouts for later use.

Written by Mitch
Updated over a week ago

Using Divi Cloud

Divi Cloud is like Dropbox for Divi layouts. Save, organize, and access Divi Builder items from any Divi website.

Written by Mitch
Updated over a week ago

Using Selective Sync In Divi

Select which part of the global library item you would like to sync.

Written by Mitch
Updated over a week ago

Importing & Exporting Divi Builder Layouts & Library Collections

Export your Divi Library from one website and import into onto another.

Written by Mitch
Updated over a week ago

Line Appearing Below My Section Divider

Written by Andrei N
Updated over a week ago

Other Features

Contact Form and Optin Module Spam Protection With reCAPTCHA V3

reCAPTCHA V3 is a free service that protects your website from spam and abuse while letting your valid users pass through with ease.

Written by Goran Cajic
Updated over a week ago

Using The Divi Role Editor

Limit what certain WordPress user roles can do within the Divi Builder.

Written by Mitch
Updated over a week ago

How To Use Divi Leads

Split test your pages, gain valuable stats & insights and increase conversion rates.

Written by Mitch
Updated over a week ago

How To Use Divi Blog Post Formats

Divi comes with post format support for video, audio, links and quotes.

Written by Mitch
Updated over a week ago

How To Create One-Page Websites With Divi

Divi makes it easy to create beautiful one-page websites.

Written by Mitch
Updated over a week ago

How To Create A New Project In Divi

Divi separates portfolio items into a separate custom post type called Projects.

Written by Mitch
Updated over a week ago

Adding Custom Fields To The Divi Email Optin Module

Custom fields allow you to gather additional information from your Subscribers.

Written by Mitch
Updated over a week ago

Divi Modules

The Divi Video Slider Module

How to add, configure and customize the Divi video slider module.

Written by Mitch
Updated over a week ago

The Divi Video Module

How to add, configure and customize the Divi video module.

Written by Mitch
Updated over a week ago

The Divi Toggle Module

How to add, configure and customize the Divi toggle module.

Written by Mitch
Updated over a week ago

The Divi Text Module

How to add, configure and customize the Divi text module.

Written by Mitch
Updated over a week ago

The Divi Testimonial Module

How to add, configure and customize the Divi testimonials module.

Written by Mitch
Updated over a week ago

The Divi Tabs Module

How to add, configure and customize the Divi tabs module.

Written by Mitch
Updated over a week ago

The Divi Social Media Module

How to add, configure and customize the Divi social follow module.

Written by Mitch
Updated over a week ago

The Divi Slider Module

How to add, configure and customize the Divi slider module.

Written by Mitch
Updated over a week ago

The Divi Sidebar Module

How to add, configure and customize the Divi sidebar module.

Written by Mitch
Updated over a week ago

The Divi Shop Module

How to add, configure and customize the Divi shop module.

Written by Mitch
Updated over a week ago

The Divi Search Module

How to add, configure and customize the Divi search module.

Written by Mitch
Updated over a week ago

The Divi Pricing Tables Module

How to add, configure and customize the Divi pricing table module.

Written by Mitch
Updated over a week ago

The Divi Post Title Module

How to add, configure and customize the Divi post title module.

Written by Mitch
Updated over a week ago

The Divi Post Slider Module

How to add, configure and customize the Divi post slider module.

Written by Mitch
Updated over a week ago

The Divi Post Navigation Module

How to add, configure and customize the Divi post navigation module.

Written by Mitch
Updated over a week ago

The Divi Portfolio Module

How to add, configure and customize the Divi portfolio module.

Written by Mitch
Updated over a week ago

The Divi Person Module

How to add, configure and customize the Divi person module.

Written by Mitch
Updated over a week ago

The Divi Number Counter Module

How to add, configure and customize the Divi number counter module.

Written by Mitch
Updated over a week ago

The Divi Map Module

How to add, configure and customize the Divi map module.

Written by Mitch
Updated over a week ago

The Divi Login Module

How to add, configure and customize the Divi login module.

Written by Mitch
Updated over a week ago

The Divi Image Module

How to add, configure and customize the Divi image module.

Written by Mitch
Updated over a week ago

The Divi Gallery Module

How to add, configure and customize the Divi gallery module.

Written by Mitch
Updated over a week ago

The Divi Fullwidth Slider Module

How to add, configure and customize the Divi fullwidth slider module.

Written by Mitch
Updated over a week ago

The Divi Fullwidth Portfolio Module

How to add, configure and customize the Divi fullwidth portfolio module.

Written by Mitch
Updated over a week ago

The Divi Fullwidth Menu Module

How to add, configure and customize the Divi fullwidth menu module.

Written by Mitch
Updated over a week ago

The Divi Fullwidth Map Module

How to add, configure and customize the Divi fullwidth map module.

Written by Mitch
Updated over a week ago

The Divi Fullwidth Header Module

How to add, configure and customize the Divi fullwidth header module.

Written by Mitch
Updated over a week ago

The Divi Filterable Portfolio Module

How to add, configure and customize the Divi filterable portfolio module.

Written by Mitch
Updated over a week ago

The Divi Email Optin Module

How to add, configure and customize the Divi email optin module.

Written by Mitch
Updated over a week ago

The Divi Divider Module

How to add, configure and customize the Divi divider module.

Written by Mitch
Updated over a week ago

The Divi Countdown Timer Module

How to add, configure and customize the Divi Countdown Timer module.

Written by Mitch
Updated over a week ago

Adding A Custom Logo Image In Divi

It’s easy to upload a custom logo image via Divi’s Theme Options.

Written by Mitch
Updated over a week ago

The Divi Contact Form Module

How to add, configure and customize the Divi contact form module.

Written by Mitch
Updated over a week ago

The Divi Comments Module

How to add, configure and customize the Divi comments module.

Written by Mitch
Updated over a week ago

The Divi Code Module

How to add, configure and customize the Divi code module.

Written by Mitch
Updated over a week ago

The Divi Circle Counter Module

How to add, configure and customize the Divi circle counter module.

Written by Mitch
Updated over a week ago

The Divi Call To Action Module

How to add, configure and customize the Divi call to action module.

Written by Mitch
Updated over a week ago

The Divi Button Module

How to add, configure and customize the Divi button module.

Written by Mitch
Updated over a week ago

The Divi Blurb Module

How to add, configure and customize the Divi blurb module.

Written by Mitch
Updated over a week ago

The Divi Blog Module

How to add, configure and customize the Divi blog module.

Written by Mitch
Updated over a week ago

The Divi Bar Counters Module

How to add, configure and customize the Divi bar counter module.

Written by Mitch
Updated over a week ago

The Divi Audio Module

How to add, configure and customize the Divi audio module.

Written by Mitch
Updated over a week ago

The Divi Accordion Module

How to add, configure and customize the Divi accordion module.

Written by Mitch
Updated over a week ago

FAQ's

Do I Need To Install The Divi Builder With Divi?

You don't need the Divi Builder Plugin installed if you are using the Divi theme.

Written by Mitch
Updated over a week ago

How To Download And Install Your Divi Builder Plugin

Installing our plugins is a snap using the WordPress Dashboard plugin installer.

Written by Mitch
Updated over a week ago