Documentation

Divi Elathi – Premade Sections Kit [Divi 5] v1.2 – DOCUMENTATION

Welcome to the official documentation for your Divi 5 Layout Pack. Follow the steps below to successfully download, install, and utilize your newly purchased layout pack.

STEP 1: DOWNLOADING YOUR PURCHASE

  1. Complete Your Purchase: After completing your purchase, click the “Download Product” button.
  2. Alternative Access: You can also log into your account on our website at any time to download the product from there.
Important Reminder: Ensure you are using Divi Theme version 5. This theme is currently in the alpha phase. Note that this layout pack will not work on Divi 4 or older versions.

STEP 2: PREPARING THE FILES

  1. Extract the Zip File: Once downloaded, locate the .zip file on your computer and extract it.
  2. Locate the Folders: Inside, you’ll find multiple folders, each containing the .json layout files. Each folder represents a group of layouts, with individual .json files for each layout and often a combined .json file for all layouts in that group.

STEP 3: IMPORTING TO YOUR DIVI LIBRARY

This product is designed for a quick and easy import directly into your Divi Library. This method ensures all custom styles, presets, and fonts are imported correctly, making all layouts readily available for any page on your site.

  1. Navigate to Divi Library: In your WordPress dashboard, go to Divi > Divi Library.
  2. Open Portability Options: At the top of the Divi Library page, click the “Import & Export” button.
  3. Select Import: A modal window will appear. Choose the “Import” tab.
  4. Choose Your File: Click the “Choose File” button and select the .json file you extracted in the previous step.

CRUCIAL STEP: CHECK THE BOX!

Before importing, you MUST check the box for:

✅ Import Presets

This is the most important step. It ensures all the custom styles, colors, and fonts are imported correctly along with the layouts.

  1. Import the Layouts: Click the blue “Import Divi Builder Layouts” button. Once the process is complete, all layouts will be in your library.

STEP 4: USING THE IMPORTED LAYOUTS

Once the layouts are in your Divi Library, you can add them to any page.

  1. Edit a Page: Go to the page where you want to add a layout and enable the Divi Builder.
  2. Add From Library: Click the grey or blue ‘+’ icon to add a new section. In the modal that appears, select the “Add From Library” tab.
  3. Select Your Layout: You will now see a list of all the layouts you just imported. Click on the desired layout to add it to your page.
  4. Customize Your Layout: The layout will appear fully styled on your page. You can now edit the text, images, colors, and other content as you wish.

By following these detailed steps, you’ll be able to seamlessly integrate and utilize your Divi 5 layout pack. Enjoy enhancing your web design projects!

Divi Elathi Cards Documentation

DIVI ELATHI CARDS DOCUMENTATION

Welcome! Thank you for purchasing the Divi Elathi Cards pack. This guide will walk you through the simple steps to import and use your 12 new card layouts.

Compatibility: Please ensure you are using Divi Theme version 5 or higher. These layouts are not compatible with Divi 4 or older versions.

STEP 1: DOWNLOADING & PREPARING THE FILE

  1. Download Your Purchase: After completing your purchase, click the “Download Product” button to get the .zip file.
  2. Extract the File: Once downloaded, extract the .zip file. Inside, you will find the main layout file named divi-elathi-cards.json. This single file contains all 12 card layouts.

STEP 2: IMPORTING TO YOUR DIVI LIBRARY

This product is designed for a quick and easy import directly into your Divi Library, making all layouts readily available for any page.

  1. Navigate to Divi Library: In your WordPress dashboard, go to Divi > Divi Library.
  2. Open Portability Options: At the top of the Divi Library page, click the “Import & Export” button.
  3. Select Import: A modal window will appear. Choose the “Import” tab.
  4. Choose Your File: Click the “Choose File” button and select the divi-elathi-cards.json file you extracted in the previous step.
    5. IMPORTANT: CHECK THIS BOX!

    Before importing, you must check the box for ✅ Import Presets. This ensures all the custom styles, colors, and fonts are imported correctly.

  5. Import the Layouts: Click the blue “Import Divi Builder Layouts” button. Once the process is complete, all 12 card layouts will be in your library.

STEP 3: USING YOUR NEW CARD LAYOUTS

  1. Edit a Page with Divi: Go to any page where you want to add a card and enable the Divi Builder.
  2. Add a New Section: Click the gray plus icon (+) to add a new section.
  3. Add From Library: In the “Insert Section” modal, click on the “Add From Library” tab.
  4. Select Your Card: You will now see all 12 “Divi Elathi Card” layouts listed. Simply click on the one you wish to use.
  5. Customize: The card layout will be added to your page, ready for you to edit the text, images, and other content to fit your needs.

That’s it! You can now effortlessly add professional and stylish cards anywhere on your site. Enjoy building!