Nebula Blog Layouts

Please note that the Divi Theme is not included in this package. To download Divi, you will need an Elegant Themes Membership. If you don’t currently have a membership, please follow this link to purchase one.

Importing Nebula Blog Layouts

Once you have downloaded the Nebula Blog Layouts zip file, unzip the file then locate the Nebula Blog Layouts.JSON file.

Go to Divi>>Divi Libray.

Then at the top of the page, click on Import & Export. A new window will come up. Click on the Import tab, then choose the file, Nebula Blog Layouts.JSON, then click on Import Divi Builder Layouts.

This process will import all the three blog page layouts (Blog V1, Blog V2, and Blog V3), save them to your Divi Library and make them available for your use.

To use any of the saved layouts, create a new page, say Our Blog, then load one of the Blog Layout saved in the Divi Library.

Importing The Supplementary Files (Divi Builder Templates)

To import the Single Post Layout and the Post Category Layout, first, ensure that you have downloaded the supplementary files, and unzipped it.

Then, go to Divi >> Theme Builder

Click on the portability icon within the Divi Builder to launch the portability system.

Navigate to the Import tab.

Click the “Choose File” button and locate from your previously downloaded files, the NebulaSinglePostCategoryLayouts.JSON file, and click the “Import Divi Builder Layouts button.”

Here is a short video on how to import Divi Builder Templates:

Customizing The Layouts

Install Social Warfare Plugin.

For the Blog Category Page Template and the Single Post Page Template to work for you, you will need to install and activate the The Social Warfare plugin. Once you have activated the plugin, go the plugin’s setting page and set the position of the share buttons to none/manual placement on every post type.

Create a Custom Widget

• Now, create a new custom widget and name it widget1 (no spaces).
• Navigate to Appearance >> Widgets, enter widget name then click create.
• Reload the widgets page to be able to see the newly created widget.
• Populate widget1 area with Latest Posts widget.

CSS and Script Used

Some of the stylings of the layouts have been achieved with the help of CSS and JS/jQuery script. To be able to see and make adjustment to the code, switch the builder view to wireframe view so as to see the CSS and Script modules.

Need More Help

If you need more help, do not hesitate to reach out.