Divi 4

Documentation for the Divi 4 generation of DiviWP products.

Is DiviWP compatible with Divi 5?

Yes, DiviWP’s Sections and Layouts are compatible with Divi 5!That’s because we’ve used Divi’s built-in modules & properties and have kept any custom CSS code modules or custom jQuery code modules to the absolute minimum as far as possible.We’ve used best...

Applying Pills to Menu Items

You can apply the following pills to your menu items using a combination of HTML and CSS.There are 2 options for you to choose (or customise even further if you want to put on your CSS hat!)All you need to do is insert the following HTML into the Navigation Label of...

How to setup the Split Menu and Custom CSS Button

With the use of Flexbox we can split our menu to enable right-aligned action items to be positioned away from informational navigation. In this example, we’ve set a custom class name for the Support Menu item which means all menu items from Support will be...

The dropdown menu on desktop is right-aligned, here’s how to fix it

With Divi v4.10.7, the Elegant Themes team fixed a bug with the menu module text-alignment.  You can review the publicly accessible changelog to keep up to date with Divi core releases.  The result of the update will display DiviWP Header drop-down menu...

Single Blog Post Template 3

Demo URL: https://diviwp.com/blog/diviwp-single-post/beautifully-designed-single-blog-post-template-3-for-divi/ Editing the demo content Each DiviWP Blog Post Template can be edited using the Visual Builder.  You can make your changes to various module...

Single Blog Post Template 2

Demo URL: https://diviwp.com/blog/diviwp-single-post/beautifully-designed-single-blog-post-template-2-for-divi/ Editing the demo content Each DiviWP Blog Post Template can be edited using the Visual Builder.  You can make your changes to various module...

Single Blog Post Template 1

Demo URL: https://diviwp.com/blog/diviwp-single-post/beautifully-designed-single-blog-post-template-1-for-divi/Editing the demo content Each DiviWP Blog Post Template can be edited using the Visual Builder.  You can make your changes to various module...

Single Blog Post Template Overview and Installation

Demo Layouts: https://diviwp.com/ui/theme-builder/single-blog-posts/Overview Single Blog Post Templates are Templates that can be applied on a Global level to display your existing or new blog post content.  This means that even if your blog post content is...

Landing Pages Overview

Demo Layouts: https://diviwp.com/ui/page-layouts/landing-pages/ Overview Each Divi Landing Page is positioned within a category and designed to facilitate a single desired action as outlined below. Email Signup Templates  → Submit an email address via a form...

Landing Page Layout 6

Layout Demo URL: https://diviwp.com/ui/page-layouts/landing-pages/email-signup-templates/landing-6/ Please review the Importing Layouts documentation to import this layout into your website.Overview This layout is positioned within the Email Signup...