Divi Post Extended Documentation

easy instructions to get you started


A download link is sent in the order confirmation email. The product can also be downloaded from My Account area.

Installation and Setup

Once the plugin is downloaded, the zip file divi-post-extended.zip can be installed using Add Plugin link from WordPress Dashboard.

For FTP upload, extract divi-post-extended.zip and upload the folder divi-post-extended to wp-content/plugins directory. Then go to list of the plugins and activate the plugin.

Enabling the Plugin After Activation

After the plugin is activated, navigate to Settings and then Divi Post Extended to enable the plugin. If you don’t want to use the plugin layout for some time you can disable it on the same page without deactivating or deleting the plugin from WordPress Plugins Dashboard.

Selecting Default Layout for Entire Posts

The plugin settings page (Located under the Settings tab in the WordPress Dashboard) can be used to set default post layout on every post. This page also has option to select a layout with a sidebar or full width (without sidebar). For full width selection, all the sidebars are listed and the one selected to be used for default post sidebar can be set here.

Select Divi post extended layout for entire posts

Overriding Default Selected Layout on Some Posts

If you want to use a post layout other than default (Any of the available layout selected from Settings >> Divi Post Extended), it can be done while editing the post. Divi Post Extended adds own control to select any of available layout on a particular page. It won’t affect other posts and selected layout will only be used for the individual post. Same can be applied for making a post with left/right or without sidebar.

Override default selected layout of divi post extended

Updating the Plugin

In order to update the plugin, a user can click on the update button in the WordPress Dashboard. An update notification will be shown when an update is available. The plugin can also be updated using FTP by overwriting the existing plugin directory with new version.

Using Post Formats Like Gallery, Video, Audio, Link, and Quote

This is the default feature of WordPress posts and in order to create a demo like page, we need to select the post format while creating the posts. Here is an example.Follow these video guides on how to set up a gallery and video post format which can be used for other post formats as well.

Frequently Asked Questions

Q: How is the link format used?

A: Create a post with title and content. Add at least one link within the post content. Select Link as a post format and publish the page. You could also use a featured image that will be displayed on the post behind the link.

Q: How is the link format different than just using a Button URL?

A: All the post formats are displayed based on the selected layout (Stellar, Classic or Prime). The first link is displayed on the post header and supports featured image in the background.

Q: What is the recommended resolution for the image in stellar?

A: Stellar layout is bet fit for wide images. If you want to use square image, the classic layout will be the best choice. We can also enhance the image sizing and display by adding more height to the feature image container. Currently, it is 75% of the screen height which can be modified by adding following CSS snippet in Divi theme panel (change 75 to the higher number but under 100): .el-featured-image{height: 75vh;}

Q: How to add an overlay on the image of the stellar layout?

A: Copy the below snippet to your CSS file.

.el-single-post-template-stellar .el-featured-image:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.5);

Q: How to add gradient on the image of the stellar layout?

A: Copy the below snippet to your CSS file.

.el-single-post-template-stellar .el-featured-image:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));

Q: How to remove meta info from posts?

A: Meta info can be disabled from the Divi Theme panel.

Remove meta info from divi blog posts

Q: How to add the social media sharing buttons at the bottom of the post like demo site?

A: We’re using Jetpack plugin for the social sharing icons at the end of the posts. Any plugin which renders social media icons at the end of the post or at the beginning could be used with Divi Post Extended. Monarch by Elegant Themes is a great choice as well.

Q: How to add Related posts to the bottom of the post like demo site?

A: Jetpack plugin could be used for this feature.

Q: How to add a Newsletter sign up form at the bottom of the post like demo site?

A: The demo site uses Bloom plugin by Elegant Themes for opt-in. It connects to Mailchimp on the demo site but could be linked to any of the available services in Bloom.

Q: How to remove the bottom author box from prime layout?

A: Copy the below snippet to your CSS file.

.​el-post-meta-wrapper-bottom {
    ​display: none;

Q: How to improve the mobile view of the Stellar Layout?

A: Copy the below snippet to your CSS file.

@media screen and (max-width: 767px) {
	.el-single-post-template-stellar #main-content .el-template-stellar {
		padding: 50px 30px 0;
Divi 4 header footer pack

Fill up your details to download the file

Please check your email for the download link.

One Plugin, Many Possibilities

You have Successfully Subscribed!