Question 1

Translating Divi Supreme Modules with WPML

Accepted Answer

Divi Supreme works with multiple Translation plugins out of the box. And in this guide we'll show you how translate Divi Supreme Modules when using WPML, which is the most popular Translation plugin for WordPress with a tons of functionalities and features.

Before We Get Started, make sure you have the following plugins installed & activated on your site:

Divi Supreme Pro
WPML Multilingual CMS (Main Plugin)
WPML Media
WPML String Translation

If you're new to using WPML, check out their Getting Started Guide for more information on installation and setup.

How to Translate a Page with WPML

Let's see how you can easily translate your Page using WPML, which will also nicely translate Divi Supreme Modules.

Make sure to have your Page Published and there are Divi Supreme Modules on the page to be translated.
Now Edit that page you need to Translate.
On the right side, you'll see "Language" panel, this is where you can hit the + Icon to translate the whole page (In our case, we'll click the + Icon next to French).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/TmGvEYddU1/2024-05-16%20at%2001.30.16.png (2024-05-16 at 01.30.16)

Next, you'll be redirected to WPML Translation page, and this is where you can translate all the content of the page to your preferred language.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/c69QFpqiSg/2024-05-16%20at%2001.41.43.png (2024-05-16 at 01.41.43 (2025).png)

Once you reach 100% Progress level, make sure to click the "Complete Translation" button and you'll be redirected back to your website. Now If you view the page, and switch the Translation option, It will work nicely.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/9GcJlQ0IV6/2024-05-16%20at%2001.48.59.gif (2024-05-16 at 01.48.59)

Note: If you're using a Gallery Module, then the module might not work correctly on the translated page. To fix that, enable the Divi Visual Builder on the Translated Page and reselect your gallery Images.

Question 2

Using Dynamic Assets with Divi Supreme.

Accepted Answer

⚡ Dynamic Assets Now available in Divi Supreme Pro version 4.8! This eliminates all file bloat and greatly improves load times. Divi Supreme is now more clean, lean and bloat-free.

All supreme modules and extensions CSS are broken up into individual files. Only load CSS/JS files when they are needed on the page on all Supreme Modules and Extension. Unused CSS is never loaded. Same goes to JavaScript assets.

No-one cares about your Divi sites like Divi Supreme do.

How To Enable Dynamic Assets

To enable Dynamic Assets, Navigate to Divi Supreme Settings Page -> Misc Tab -> Enable Dynamic Assets.

You need to clear "Static CSS File Generation" under Divi -> Theme Options -> Builder -> Advanced Tab. Re-saving page might be required where the Divi Supreme Modules and Extension are being used if it does not work.

You also need to Enable "Dynamic CSS" under Divi -> Theme Options -> Performance.

Video Walkthrough

Question 3

License Key Activation Issue

Accepted Answer

This happens when you move to a new hosting or deleted the Plugin without deactivating License. To solve this, simply login to your Divi Supreme Account > Orders > License Manage and deactivate that domain you're having problem with currently.

Then go to your WordPress Admin Dashboard -> Divi Supreme -> License and activate the license again.

That's it. Good luck.

Question 4

Divi Scheduled Element Extension

Accepted Answer

Using this extension you can easily schedule the visibility of any Element like Section/Row/Module in Divi.

Awesome Features:

You can choose who to show or hide based on the user’s logged-in status. Apply condition to show it for All Users, Logged In Users or Visitors.
Select any user roles which is available to you from your WordPress site. You can choose to show or hide for author or all user roles.
Select days of the week. Monday to Friday or even weekend with your preferred opening & closing time.
And More...

This will extend the Visibility Option in all the Module settings that will allow you to use the Scheduled Element Extension. This feature is only available for Pro Users.

Currently, the available supported modules are listed below:

All Divi Default Modules
All Divi Supreme Pro Modules(Pro Version).

Before Using Scheduled Content Element Extension:

Before you start using the Scheduled Content Element Extension you first make sure that’s active or Enabled from the Divi Supreme Settings. Go to Divi Supreme > Divi Supreme Pro and Enable the use of Scheduled Element Extension

Usage

To use Scheduled Element Extension, go to any of the supported module’s (listed above) settings and navigate to the** Advanced Tab** Scroll to Visibility and look for Use Scheduled Element Switch.Use Scheduled Element

Enable this option if you want to use this extension for any module.

Show or Hide Module

Show Option - This option is very important. If you’ll select Show Option from the dropdown and will set the date and time then the module will be hidden till then but when the time arrives the Module appears which means you’ll not have to worry about the module visibility at a particular time If you don’t get time to change its visibility.
Hide Option - The same things go for the Hide Option. But your module will be visible till that time but when the time arrives the module will disappear.

Schedule a Date/Time

Enter your Desired date and time for the Module visibility to show or hide when the time arrives that you set here.

Use Between Date/Time

When you'll enable this option you'll see another Date/Time picker so you can show/hide an element between that date/time.

Schedule a Date/Time is the time of start.
Use Between Date/Time is the time of end.

Use Business Hour/Time

Enable this option if you want to show a Module only then when your business is open.

Select Day

Select your desired days here.

Opening Time

Add the Opening time of your business here so the module will be shown on your given time.

Closing Time

Add the Closing time of your business here so the module will be gone on your given time.

The time format here will be 24 hours.

Apply To

From here you can control the visibility of the module for specific roles.

All Users - Choose this option if you want to show the module to everyone e.g Logged-In Users and Visitors and all others.
Logged In Users - Choose this option if you want to show this module to only logged in users only, you’ll also get the options to select specific roles or select all for everyone who’s logged In on your site.
Visitor Users - Choose this option if you want to show this module to only visitors, which means this module will not be visible to Logged in Members it will be only visible to those users who they’re logged out from your site.

Disable On

This will disable the Module on selected Devices.

Question 5

SCRIPT_DEBUG and et_load_unminified_scripts issue

Accepted Answer

If you're getting this error Notice after Installing Divi Supreme than this guide will help you to solve this issue. This is a bug in Divi and we're hoping that it will be solved very soon.

Error Message: Divi uses uncombined and unminified javascript files because "SCRIPT_DEBUG" constant on wp-config.php has been set to "true". Other plugin can enforce Divi to use uncombined and unminified javascript files by filtering "et_load_unminified_scripts" filter as well.

To Solve:

Deactivate Divi Supreme Plugin, If you've installed both Pro/Free than deactivate both.
Go to Divi -> Theme Options -> and Turn On "Minify And Combine Javascript Files" and Save the Changes.
Now Reactivate Divi Supreme Pro/Lite and you'll not face this issue.

Have a great day!

Question 6

Divi Dual Heading Module

Accepted Answer

Are you looking for adding Attractive and Modern Headings to your Divi Site then welcome the Supreme Dual Heading Module to Divi Builder. Using this you can easily create beautiful Heading that attracts visitors.

Content Options

Q: Icons Rendering conflict with other Plugins

Plugins such as Divi Icons Pro , Divi Upload Icons or Divi Font Awesome does not work well with 3rd party Divi modules. You should contact the author of the icon plugin if they are willing to support Divi Supreme. They do not support 3rd party modules and that is why you’re seeing icons not rendering properly on Divi Supreme Modules. There is nothing we can do unless the plugin you using supports 3rd party divi modules. This applies to all 3rd party plugins out there. We are also looking to add Icon Extension in the near future. So stay tuned for that!

Q: PCLZIP_ERR_BAD_FORMAT (-10) - Error Message Solution

The PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature error is usually displayed by WordPress as a result of one of three things: There's an issue with the zip file you're uploading WordPress doesn't have enough memory on the web server to unzip and upload the contents of the zip file or even your hosting Server Disk Space Issue(To confirm this, try to upload other files to your sites, such as an image, video or other Plugin. If you're not able to upload large files, then storage space is likely the issue). An error being thrown by a plugin or script on your site We can exclude out No.1 and No.3. You might want to try to install the zip manually, then it may mean that there's not enough storage space on your host for WordPress to be able to unzip and upload the contents of the file. We suggest talking to your hosting support to see what they can do about the space that needed to unzip.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/aLLERyfBwX/dsm-dual_heading_module.png (dsm-dual_heading_module.png)

In the Content tab, you’ll find three Text Input options (Before, Middle and After) and you can have separate designs for each.

Dual Heading Text

Before Text

Here you can put the Before Text.

Middle Text

Here you can put the Middle Text. Make sure to add spacing before and after the text in the text you’ll write.

After Text

Here you can put the After Text.

Design Options

Every one of the text you’ll enter in Before, After and Middle Text field can be designed separately in the Design Options.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/cMF4BuNxTB/dsm-dual-heading-design-options.png (dsm-dual-heading-design-options.png)

Heading Settings

Heading HTML Tag

Main Text

In this Design Option, you can change the font, color, weight and size, etc of all the texts (Before, Middle and After)

Before, Middle and After Text

You can easily style the Before, Middle and After text in the same way you style text in the Text Module(came with Divi Builder). And we’ll only discuss those options which are added by Dual Heading Module to style the text’s background, padding and stuff.

Background Color: Here you can add color to the Background of the Before, Middle and After text.

Margin and Spacing: Add some Margin and Spacing to the Before, Middle and After text, if you want to add some spacing on both sides of Before, Middle and After Text.

Display: You can change the display property of the text to Inline Block and Block.

Inline Block displays the text in the same line as other texts.

Block Displays the text by making it a block means other texts will not be displayed in the same line.

And you can play around with Before, Middle and After text by adding different colors, text-shadows, border, border-radius and more to each text.

Advanced Options

Use the advanced options to give your Dual Heading module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Question 7

How to translate Divi Supreme Plugin

Accepted Answer

You can also use Poedit locally when translating. This is an open source tool for all major OSs. The free Poedit default version supports manual scanning of all source code with Gettext functions. A pro version of it also features one-click scanning for WordPress plugins. After generating the PO file you can rename the file to POT. If a MO was generated then you can delete that file as it is not needed. If you don’t have the pro version you can easily get the Blank POT and use that as the base of your POT file. Once you have placed the blank POT in the languages folder you can click “Update” in Poedit to update the POT file with your strings.

After creating your .PO and .MO files.

Make sure the following filename is named as "dsm-supreme-modules-pro-for-divi-fr_FR.mo" or "dsm-supreme-modules-pro-for-divi-fr_FR.po" and placed them under the plugin /languages/ folder.

Example above is for French using "fr_FR". You might need to change to your own prefix.

More information can be found here https://developer.wordpress.org/plugins/internationalization/localization/

Question 8

Divi Text Path Module

Accepted Answer

Adding text to a shape is a great way to add interest and intrigue to your pages. But until now, doing that has been difficult and time consuming. Not anymore! With the Divi Supreme Text Path Module, you can attach your text to any shape in just a few clicks. Choose from a predefined list of shapes, or upload your own, and get creative with your text placement.

Content Options

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/SCZ7tY9ZFk/2022-05-24%20at%2019.10.51.png (2022-05-24 at 19.10.51)

General

Text

Here you can add your Text to show in the Path.

Path Type

Here you can choose your Path type from 6 different types and you can also select "Custom" to show Custom Path. You'll have the ability to add your Custom SVG Code.

Text Direction

If you'd like to change the Direction of the Text, you can do so here.

Show Path

Enable this option If you'd like to show the Path as well.

Design Options

Alignment

Here you can change the aligment of the Module.

Text Path

Here you can style & adjust your Path the way you like.

Path Color

If you've enabled "Show Path" in Content Options, then you can change the color of the path from here.

Path Width

You can change Path width from here, If "Show Path" option is enabled.

Size

Change the Size of the Text Path from here, enable responsive option to change for mobile devices.

Rotate

If you want to rotate your Text Path, this is the place for that.

Word Spacing

Want to add Spacing between words, you can adjust that here.

Starting Point

Here you can adjust the Starting Point to where it looks good to you.

Title Text

Here you can change the font, color, weight and size, etc of the Text in the Path.

Advanced Options

Use the advanced options to give your Text Path module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Question 9

General Info - Divi Extensions

Accepted Answer

Divi Supreme features a huge collection of custom creative modules and extensions that can be used in the Divi Theme, Extra Theme and the Divi Builder. We will keep on adding and enhance Divi Supreme Pro where you can find extra features for Divi to help you build better websites.

Currently, the available extensions are listed below:

Divi Popup
Divi Scheduled Element
Divi Easy Theme Builder
Divi Responsive Viewer
Read More
Divi Library Shortcodes

Enable Extensions

To enable Divi Supreme Extensions, login to your WordPress admin panel, then on your admin menu, look for Divi Supreme Pro here you can then choose which extension you'd like to use just enable it to start using it.

Question 10

Internal Error 500 or WordPress Memory Exhausted Error

Accepted Answer

When your WordPress code requires more memory than the default allocated memory, you get to see this error such as Internal Error 500 or Allowed memory size of … bytes exhausted (tried to allocate … bytes) in /… on line …

By default, WordPress automatically tries to increase PHP memory limit if it is less than 64MB. However, 64MB is often not high enough.

Increase PHP Memory Limit in WordPress

First you need to edit the wp-config.php file on your WordPress site. It is located in your WordPress site’s root folder, and you will need to use an FTP client or file manager in your web hosting control panel.

Next, you need to paste this code in wp-config.php file just before the line that says ‘That’s all, stop editing! Happy blogging.’

define('WP_MEMORY_LIMIT', '256M');

WP_MEMORY_LIMIT increases the default memory for front-end and back-end operations.

define( 'WP_MAX_MEMORY_LIMIT', '256M' );

This way you don’t allocate too much memory to frontend operations that could end up affecting performance

This should solve the issue you're having. Remember, this can happen to any themes or plugin out there. It also depends on your hosting.

Question 11

I can't update through my WordPress dashboard updates

Accepted Answer

When there is a new version update available, you will be prompt in your WordPress dashboard to carry out the update. You may encounter error, failure to update or the message "An error occurred while updating. Download Failed. Forbidden". This documentation discuss the scenario and the steps for rectifying the problem.

There are two reason why this is happening.

Your license key has expired.
You recently renew the license but the download permission is not updated for your account.

Check your license key expiry date

Please login to your account to check your license expiry date. You can read more here on how to check your license key.

Recently renewed but unable to update

If you recently renew but you can't update through your WordPress dashboard updates, please contact us to address this issue. We will correct the permission on your account.

Question 12

Do i need to uninstall Lite version if i have the Pro version?

Accepted Answer

You can Uninstall the lite version if you want to. However, we recommend keeping. It's a fallback method. We have decided that all pro users must install the lite version as well. The reason because in some cases or in the future, let's say you decided not to use the pro version or something happen to the pro version. You always have the lite version to support and backup you, so that your site won't mess up showing a butch of shortcode and etc on frontend.

We care about your sites and that is why we added a fallback method for our pro users.

Also, we've enhanced and make sure when both the free and pro version installed and activated together, only the pro version functions, script and files will be loaded. There won't be any extra files or functions loaded when both are activated.

Let us know If you've any question or need any help: http://divisupreme.com/contact

Question 13

Icons Rendering conflict with other Plugins

Accepted Answer

Plugins such as Divi Icons Pro, Divi Upload Icons or Divi Font Awesome does not work well with 3rd party Divi modules. You should contact the author of the icon plugin if they are willing to support Divi Supreme. They do not support 3rd party modules and that is why you’re seeing icons not rendering properly on Divi Supreme Modules. There is nothing we can do unless the plugin you using supports 3rd party divi modules. This applies to all 3rd party plugins out there.

We are also looking to add Icon Extension in the near future. So stay tuned for that!

Question 14

PCLZIP_ERR_BAD_FORMAT (-10) - Error Message Solution

Accepted Answer

The PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature error is usually displayed by WordPress as a result of one of three things:

There's an issue with the zip file you're uploading
WordPress doesn't have enough memory on the web server to unzip and upload the contents of the zip file or even your hosting Server Disk Space Issue(To confirm this, try to upload other files to your sites, such as an image, video or other Plugin. If you're not able to upload large files, then storage space is likely the issue).
An error being thrown by a plugin or script on your site

We can exclude out No.1 and No.3.

You might want to try to install the zip manually, then it may mean that there's not enough storage space on your host for WordPress to be able to unzip and upload the contents of the file. We suggest talking to your hosting support to see what they can do about the space that needed to unzip.

Question 15

Gravity Forms Multistep Form Loading Issue

Accepted Answer

Gravity Forms does not allow multiple forms to be placed on the same page. Additionally, if the same form is added to a page more than once, it may cause issues with form functionality and submission duplication.

For more information and a detailed discussion on this issue, refer to the following link: Gravity Forms Community - Displaying the same form in multiple different lightbox popups (submission duplication issue resolved).

Solution:

To address this issue, you have two options:

Duplicate the Form: Create a duplicate form with a different ID. This ensures that each form on the page is treated as a separate entity, avoiding conflicts caused by multiple instances of the same form.
Duplicate the Layout in Divi Library and Trigger: You'll need to duplicate the form layout and trigger it to display in a new layout. This approach allows you to retain the same form ID while avoiding conflicts.

To prevent page refreshes during form submissions, it's important to enable Ajax. For guidance on enabling Ajax for embedded multi-page forms, refer to the following resource: Gravity Forms Community - Embedded multi-page form without refresh (resolved).

Question 16

Where to Put Facebook APP ID

Accepted Answer

All the Facebook Modules in the Divi Supreme use the Facebook APP ID to work perfectly and for this, you should have created an APP ID from the Facebook Developers site.

To first create a Facebook APP ID, you may see this guide here: https://docs.divisupreme.com/knowledgebase/how-to-create-facebook-app-id/

When you’re done with creating your Facebook APP ID you can now put it in Divi Supreme Plugin’s Page Settings. For this go to** Divi Supreme > Social Media Settings**:Good Luck!