Question 1

Divi Facebook Comments Module

Accepted Answer

Add Facebook Comments to the anywhere to allow your readers to easily comment using their Facebook account.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/hPsP6Du64r/dsm-facebook-comments-659x1024.png (dsm-facebook-comments-659x1024.png)

Content Options

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/hPsP6Du64r/dsm-facebook-comments-659x1024.png (dsm-facebook-comments-659x1024.png)

APP ID

Enter the Facebook App ID here. You can go to https://developers.facebook.com/ and click on Create New App to get one. It is a must to provide a Facebook App ID which required to use this module.

Page URL

Get the Comments of the Current Page, or for a Custom URL. This can be other page URL but it’s best to use it on your current page URL to keep track of the Facebook comments related to your page.

Number of Posts

The number of comments to show by default. The minimum value is 1.

Color Scheme

The color scheme used by the comments plugin. Can be “light” or “dark”.

Order by

The order to use when displaying comments. Can be “social”, “reverse_time”, or “time”. The different order types are explained in the FAQ

Social – This is also known as “Top”. The comments plugin uses social signals to surface the highest quality comments. Comments are ordered so that the most relevant comments from friends and friends of friends are shown first, as well as the most-liked or active discussion threads. Comments marked as spam are hidden from view.Time – Comments are shown in the order that they were posted, with the oldest comments at the top and the newest at the bottom.Reverse Time Comments are shown in the opposite order that they were posted, with the newest comments at the top and the oldest at the bottom.

Admin Label

This will change the label of the module in the builder for easy identification. When using WireFrame view in the Visual Builder, these labels will appear within the module block in the Divi Builder interface.

Design Options

Within the design tab you will find all of the module’s styling options, such as fonts, colors, sizing and spacing. This is the tab you will use to change how your module looks. Every Divi module has a long list of design settings that you can use to change just about anything.

Advanced Options

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

Question 2

Divi Facebook Embed Module

Accepted Answer

With Divi Facebook Embed Module, you can easily embed a post or video to any Divi post or page. Just copy and paste any Facebook post or video into the link input field and you're good to go. Stop wasting time on enqueuing scripts and worry that it might not work. We’ve done that for you.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/Xbkmfwmyf4/Facebook-embed-module-showcase.png (Facebook-embed-module-showcase.png)

Content Options

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/QtJdnm1hof/Content-Options.png (Content-Options.png)

Facebook APP ID

The Facebook Embed module uses the Facebook APP ID and requires a Facebook APP ID to function. Before using all Facebook module, please make sure you have added your Facebook APP ID inside the Divi Supreme Plugin Page. You can go to Facebook Developer and click on Create New App to get one. You can also see this guide for more help here.

Type

Choose the type of Embed you like. Such as Post or Video.

Type as Post

If you’ll select the post type as Post you will see these options:

Post URL - Enter the URL of the actual post from Facebook here.
Show Text - Applied to photo/video posts. Set to Show to include the text from the Facebook post or video, if any.

Type as Video

If you’ll select the post type as Post you will see these options:

Video URL - Enter the URL of the actual Video from Facebook here.
Show Text - Applied to photo/video posts. Set to Show to include the text from the Facebook post or video, if any.
Allow Video Fullscreen - Let the video to be played in the Fullscreen. You can Allow or Disallow.
Video Autoplay -Automatically start playing the video when the page loads. The video will be played without sound (muted). People can turn on sound via the video player controls. This setting does not apply to mobile devices.
Show Video Captions -Set to show to show captions (if available) by default. Captions are only available on desktop.

Design Options

There’s no option for this module in the Design Options. But you can still add Border, Corner Radius, Box Shadow and more…

Advanced Options

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

Question 3

Divi Scroll Image Module

Accepted Answer

The Divi Scroll Image Module allows you to add images on your Divi website which scroll up or down when the user hovers over the image. Scroll it like the way you always wanted without coding.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/h6FgyNXDmf/showcase.gif (showcase (1).gif)

Content Options

Image

Add an Image here from your Media Library.

Link

Open in Lightbox

When you’ll click on the image it will be shown in Lightbox.

Image link URL

Add a URL for the image here and change the Target method.

Use as a Video Popup

If enabled you can show a video in Lightbox if you click on the image. Just make sure to put the URL of the video in the Image Link URL field.

Scroll Settings

Scroll Speed (in s)

Add the speed in seconds in which the image will be scrolled from top to bottom by sliding the slider.

Scroll Reverse Direction

Normally the image scrolls from top to bottom but you can enable this option to scroll the image from bottom to top.

Design Options

Overlay

You can enable the Image Overlay here. This means when you’ll hover over the image you can display an icon and a color that will cover the image.

Overlay Color

You can change the color of the overlay here

User Icon

Use this switch to enable or disable the use of Icon in the Overlay.

Overlay Icon color

You can change the color of the icon in the overlay here.

Icon Picker

Pick an icon here from the Divi Icon Library.

Show Overlay on Hover

You can always change the behavior of the overlay if you disable this overlay will stay on the image rather than showing only on hover.

Overlay Border Radius and Border

Here you can play around with the Border Radius and Border of the overlay.

Lightbox

If you've added Image/Video Overlay to the Scroll Image under the Link panel you'll see this option in the Design tab to design the Overlay.

Close Color

Change the color of the close button icon here.

Overlay Max Width

Change the max-width of the overlay here.

Advanced Options

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

Question 4

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 5

How to Create Facebook APP ID

Accepted Answer

Setup Facebook App ID

You will need your own Facebook account in order to create the Facebook App ID so ensure that you have created a free account by going to Facebook first before starting this guide.

Step 1: Login to Facebook and go to developers site

Ensure you are logged into your Facebook account and go http://www.facebook.com/developers

Step 2: Create Facebook Application

To create your App ID, head to the Facebook Developers site. As long as you’re logged into your regular Facebook account, you should see the button to Add a New App.

Step 3: Give it a name, like “Divi Supreme” and click Create App ID:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/cqN4BCITvo/dsm-facebook-app-name.png (dsm-facebook-app-name.png)

Step 4: Navigate to Settings -> Basic

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/2BnwECiJjb/dsm-facebook-app-basic.png (dsm-facebook-app-basic.png)

Step 4: Obtain Facebook APP ID

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/3r4q03UuJv/dsm-facebook-app-id.png (dsm-facebook-app-id.png)

Question 6

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 7

Popup styling issue on Frontend

Accepted Answer

If you're facing such issue then here's a quick solution. All you've to do is to make sure that the Layout type in Library is set to "Layout". This is a bug in Divi so that's the only solution for now.

How to Change Layout Type

To change the layout type, you first need to create a new Layout by clicking the "Add New" button and choose "Layout" from the Dropdown and then copy the content from the previous layout and paste in this newly created Layout. Once this Layout is saved, you can then go to Popup settings, and change the Layout from there as well.

So that's it, now the Popup on Front end will load without any styling issue, Cheer!

Question 8

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 9

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 10

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 11

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 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

I didn't find my License key because I purchased from Elegant Themes - Divi Marketplace

Accepted Answer

The version at Elegant Themes - Divi Marketplace does not required a license key to use. The differences between our own version and the version on Divi Marketplace is just the license key. If you see the notice in your dashboard asking for License key then you can simply Dismiss it because you'll get updates automatically.

Hope that solves the mystery!

Question 14

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!

Question 15

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/