DiviTemp
  • 👋Welcome To DiviTemp's Documentation
  • 📗DiviTemp's Layouts
    • DiviMade
      • 📤Installation
      • 📄File Structure
      • ☁️Upload Divitemp's Layouts on DiviCloud
      • 🕒Business Hours Module is Missing
    • DiviCommerce
      • 📤Installation
      • 🛍️Shop Page
      • 👞Single Product
      • 🛒Cart Page
      • 💰Checkout
      • 🔐My Account
    • Blogkit
      • 📤Installation
      • ☑️Single Post
      • ☑️Blog Page
      • ☑️Search Result Page
      • ☑️404 Error Page
      • ☑️Custom Header
      • ☑️Custom Footer
      • 🛑Fix Email Optin Form
    • DiviMod
      • 📤Installation
      • 📄File Structure
  • ❓FAQs
    • ✅Frequently Asked Question:
    • 🛑Important Note
Powered by GitBook
On this page
  • Welcome To The DiviMade Documentation:
  • Step 01:
  • Step 02:
  • Step 03:
  • Step 04:
  • Step 05:
  • Step 06:
  • Step 07:
  • Step 09:
  • Step 10:
  1. DiviTemp's Layouts
  2. DiviMade

Installation

PreviousDiviMadeNextFile Structure

Last updated 1 year ago

Welcome To The DiviMade Documentation:

Hi , this is Muhammad Talha from Divi Temp & I'm going to tell you 'How You Can Import the DiviMade Sections in your Website.'

And I'm assuming that you've already Installed the Divi Theme or Divi Builder. So Let's Get Started.

Step 01:

Once you purchase the Product, you'll get a File to Download. Just download both (Product & Supplementary) File.

Step 02:

Open Supplementary Folder & Copy that Custom CSS Code. Or you can copy from below.

@media (min-width: 767px) {
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 165px !important;
	}
	/*set the width of the input field minus the width of the button*/
	.et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc(100% - 165px) !important;
	}
}

.custom-opt p.et_pb_newsletter_field {
    min-width: 100%;
}
.custom-opt p.et_pb_newsletter_button_wrap {
    min-width: 100%;
}

Note: This is just for Email Optin Module. If you'd like to use the section which has Email Optin Module then use this CSS, otherwise leave it.

Step 03:

Login to your WordPress Dashboard & Hover Divi Tab, then Click "Theme Option".

Step 04:

Scroll to the Bottom & Paste that Custom CSS Code right here. That's It!

Step 05:

Hover Divi Tab, then Click "Divi Library".

Step 06:

Now Click "Import & Export" then Click "Choose File".

Step 07:

Do the same thing for "All Sections 02/03". This will import all the 880+ Layouts.

Note: It will take time (2-3 min) to Import the Templates depending on your Internet Speed or server speed.

Step 09:

Create A New Page. Give it a name & Click 'Use Divi Builder.'

Step 10:

Once you've created a Page. Its time to import the layouts from the library. Click "Plus Sign" - then Click "Your Saved Layouts". From here you can select the Layouts you'd like to use. Then click 'Use This Layout.'r

Layouts/Modules/Section Previews Are Now Available - Please Download Supplementary File From Your Account.

Due to copyright issues, we've removed images. But you can upload your own within a given size for better result.

That's It! You're Done 😎

Unzip the folder & open it. Then you've to select the file you'd like to import. For more info, please take a look at our

You need to Install Divi Supreme Extension (Free Version) for Business Hours Sections. First install then Import all the 'Business Hours' Templates. >

📗
📤
'File Structure Document'.
Download Here