Select Page

How To Create

Divi has it’s own column layout but since it cannot support what we can want. Using custom grid css can achieve what we are looking for.

To do that, create a 1 column row.

divi column

Open the Row Settings by clicking the gear icon > Advanced tab > add a class name. As an example I use mygrid_column

divi row settings

 

Add a class on your inner module, As an example, I use lender_img

module settings advanced tab

 

Go to WordPress dashboard > Divi > Theme Customizer > Custom CSS and add the following code

div.et_pb_row.mygrid_column>.et_pb_column {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
align-self: center;
}

 

grid-template-columns: auto 27% 27% 27%;
grid-template-rows:8% 30% auto 10%;
grid-template-areas:
“sidebar header header header”
“sidebar sect1 sect 2 sect3”
“sidebar main main main”
“sidebar footer footer footer”;
}

 

Preview:

 

2019’s Complete Guide To Fix Loading Issue With Divi Builder or Visual Builder

In this guide, Bookworm Head will walk you through the most common troubleshoot you can do to fix the loading issue with Divi.


Plugin Conflicts

Some of the plugins can trigger the loading issue. Mostly, these are poor plugins that haven’t updated for years or it’s just not compatible with Divi. In this case, try to disable the plugins temporary to isolate what’s causing the issue.

 

how to deactivate plugins

If the problem solved after that, then you will need to find which plugin is conflicting, simply enable it one by one. If the problem occurs again when activating a specific plugin, then you need to keep that disable.

 

If you have WordFence and you confirmed that this causing the issue then simply set the Firewall to Learning Mode instead of Enabled and Protected

how to change the wordfence firewall to learning mode

 

Also, don’t forget to clear your css file generation. Simply go to WordPress dashboard > Divi> Theme Options > Builder > Advanced > Clear or disable the css file generation.

 

 

 

 

 

PHP Directive Limit and Outdated PHP version

Old version of PHP is unsecured and since Elegant Themes keeps their theme up to date to WordPress best practices, you need to keep your site as well.

 

How to update my PHP

As an example, I will use Siteground since this is my hosting site.

 

How to change the php directive values. The effective ways I recommend so far is putting the recommended values below to your .httaccess.  This is a hidden file so make sure that you’ve enabled your FTP client to view hidden files, then open up the file labeled “.htaccess” to edit. At the bottom of the file, paste in this code:

 

 

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

 

For the complete reference, Elegant themes wrote this guide you can check

 

Harmful custom jQuery on the <head> section or CSS on the Theme Customizer

To access the <head> section, go to Divi > Theme Options > Integration 

 

 

 

 

 

 

To access the <head> section, go to Divi > Theme Customizer > Custom CSS

 

 

 

Outdated WordPress/Theme version or Poor child theme

switching the child theme to divi

If you still haven’t fixed the error after the above recommended, open your WordPress dashboard in Incognito > right click and inspect the elements, if you found any error in the console then there might be something wrong in the WordPress or Theme installation. If that happens, you will need to reinstall your WordPress or Theme.

 

How to reinstall your Divi website?

Activate any default theme like Twenty Seventeen then delete the current installed Divi theme. Lastly, go to members area > download the Divi.zip and re-upload it to your WordPress dashboard > Themes > Add New

 

Make sure you backup your custom CSS and jQuery if you have some. Simply put it on the notepad++ so you can re-add it after reinstallation is finished. 

 

How to reinstall the core WordPress files? 

1. Go to WordPress.org and download the latest version of Divi. Unzip the file. 

2. Open your root directory using ftp and replace all the files except your wp-content folder and wp-config.php

 

Warning: Always backup your website when doing the reinstallation.

 

Does the above recommendation fix your current issue? I’ll be happy to know your feedback!

 

 

 

Top 5 Signs Of Hiring A PowToonist Expert – Should DIY Or Not?

PowToon is indeed famous with over 10 million users! You will definitely inloved if you tried to use it however despite of PowToon’s user friendly interface, there are some instances that you need to consider in hiring a professional PowToonist.

Checkout out the Top Burning Reasons Why Other Prefer To Hire a PowToonist Expert instead of Doing-it-Yourself.

  • They don’t have enough time to do it.
  • They want to make a better PowToon presentation
  • Plans are too expensive for one time project
  • They want to create a catchy explainer video for their branding
  • They are not creative enough

However, if you have a lot of projects and have enough time to learn PowToon! We’ll definitely encourage to do-it-yourself so you can master the interface. PowToon is not just a tool but it can let your earn money and profession, you can be a PowToonist like us if you’re dedicated to learn how to use it.  Feel free to check the PowToon tutorials for tips and tricks. Happy PowTooning!

Related Post:  PowToon New Library Features

So which one you prefer?

Create a PowToon yourself or hire PowToonist experts like us? The decision is still yours!

How to PowToon – Getting Started Guide For Beginners

Creating a PowToon is just easy and fun! Today, we will cover the following features and educate how it works. Checkout the video below to learn the basic feature of PowToon.

How to Rename your PowToon inside the PowToon editor

Hover the top left side of the editor and change the title inside the text field. Hit the SAVE to save the changes you made.

How to add or delete the slide in your PowToon editor

Simply click the plus(+) or minus(-) icon located at the top of your thumbnail to delete/add a slide.

Just a heads up! Maximum length per slide depends on your license. See the list below.

  • FREE version – can create up to 5 mins. per PowToon
  • EDU Pro, Classroom and Pro – can create up to 15 mins. per PowToon
  • Elite or Business – can create up to 60 mins. per PowToon

How to add or delete seconds inside the PowToon Slide

Simply click the plus(+) or minus(-) icon located beside the PowToon timeline.

How to change the background on your PowToon slide

Click the background menu located at the right side of the editor.

For text effects tutorial, kindly check the video above for more details information. Happy PowTooning!

Related topics: PowToon Media Library Tutorial