Question 1

Divi Star Rating Module

Accepted Answer

A must for all Divi sites and website owners. An important feature for many in order to get trust from your visitors. The star rating module is built with Google Schema in mind, and it’s fully customizable!

# Content Options

**Rating Scale** Default at 0 – 5. Choose a scale from 0 to 5 or 0 to 10 **Rating** Here you can assign the rating based on the scale chosen. **Title** Enter the title for the rating. **Title Inline Position** From here you'll be able to position the Title to "left" or "right" of the Stars, If in any case you need to. **Display Type** Here you can choose whether you want your Title to be stacked or to be displayed as inline. **Show Rating Number** This will show the rating number text after the star icons. # Design Options Here you can style and/or position your text or header text just how you want it by choosing the text color, orientation, font, font size, font spacing, and line height. You can also designate a border style, set a max width for your module, and add custom margin and padding. ## Stars **Size** Change the size of the stars **Gap** Control the gap between each star. **Color** Choose the color of the star icons. ## Title **Gap** Here you can control the space between the title and the star icons. And else you can play around with the Title text by changing Font, Size, Weight and more of it. ## Rating Number Text Here you can play around with the Rating Number text by changing Font, Size, Weight and more of it. This is the text that's shown after the Rating Stars only when the "Show Rating Number" is enabled in the Content tab. # 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 Block Reveal Text Module

Accepted Answer

Create engaging and fresh interactions using Divi Block Reveal Text Module. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers text underneath. 4 types of animation to choose from.

# Content Options

## Block Reveal Text Here you can enter the text which will be revealed with a nice animation. ## Block Reveal Animation **Block Reveal Animation style** Here you can set Animation Direction. You can select where it will start from and where it will be ending. You Have Four Options to choose from: * Left to Right * Right to Left * Top to Bottom * Bottom to Top **Block Reveal Color** Here you can change the color of the Block which will be shown first with an animation. **Delay** Adjust the Delay of the Block Reveal Animation here. **Animate in Viewport** The Text Animation will only be shows at a specific Viewport. # Design Options **Text** This is where you can style the text which you’ve entered in the content tab. You can design it the same way you design every text module in Divi. **Heading HTML Tag** Here you can change the HTML Tag of the Text from H1 to H6. # Advanced Options Use the advanced options to give your Block Reveal Text Modulecustom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Question 3

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](https://developers.facebook.com/apps/).

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**:
<img alt="Paste-Facebook-APP-ID-here-1024x465.png" src="https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/BLyeQaiyoD/Paste-Facebook-APP-ID-here-1024x465.png" align="center">
And in the Facebook APP ID field, Paste your Facebook APP ID which you’ve created already.
**Good Luck!**

Question 4

Divi Glitch Text Module

Accepted Answer

The glitch effect can bring some very unique style to your site, but can be also very distracting if you overuse it. So Glitch responsibly!

# Content Options **Glitch Text** This field is where you can enter the content of your text. Text content spans the full width of the column that it is in. ## Glitch Effect This is where you can choose different types of animation for the glitch effect.

## Background **Background Color** Here you can choose a background color for your text module. **Background Image** Here you can choose a background image for your text module. ## Admin Label By default, your glitch text module will appear with a label that reads ‘Glitch Text’ in the builder. The Admin Label allows you to change this label for easy identification. # Design Options Here you can style and/or position your text just how you want it by choosing the text color, orientation, font, font size, font spacing, and line height. You can also designate a border style, set a max width for your module, and add custom margin and padding. # 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 5

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.

1. Your license key has expired.
2. 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](https://divisupreme.com/login/) 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 6

Divi Business Hours Module

Accepted Answer

Want to add Business hours to Divi? And you are looking for some Plugin in the WordPress Repository? Divi Supreme got a new Module Called Business Hours, with this Module for Divi you can easily add business hours to Divi Builder without installing any sort of plugin. The setup is very simple and you can easily make attractive Business hours Section in Divi.

# Content Options

**Business Hours** You can make Business hours of your choice just click on +Add New Item and then Choose Days and Time of your Business. You can add as many items you want by clicking on the +Add New Item button. # Design Options Every Divi module has a long list of design settings that you can use to change just about anything. In the Design Option, you can style your module in different ways that came by default with Divi but some options that are added by Divi Supreme plugin are these: ## Day Text: This is where you can style the Day text. You will find all of the styling options, such as fonts, colors, sizing and spacing. This is the tab you will use to change how your Day Text looks. ## Time Text This is where you can style the Time text. You will find all of the styling options, such as fonts, colors, sizing and spacing. This is the tab you will use to change how your Time Text looks. ## Separator You can add a separator line between Day and time from 8 different selections. **Weight**: You can change the weight of the line i.e 2px **Color**: You can change the color of the line **Gap Spacing**: You can change the gap spacing between the Day and Time Text. ## Divider You can add a Divider underneath every Business hours item. ## Spacing Item Spacing: This is where you will choose how much spacing should be added to business hours. Padding is the space added inside of your business hours items. # Advanced Options Use the advanced options to give your business hours module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices. # Business Hours Item Content ## Text **Time** Here put the time period you want to set for your business. **Day** Here put the Day name. ## Business Hours Design Options In the Design option, you can change font, colors and many more of a particular item. ## Day Text: This is where you can style Day text. As mentioned before. ## Time Text This is where you can style the Time text. As mentioned before. ## Business Hours Item Advanced Options Use the advanced options to give your Business Hours Item custom CSS ID’s and Classes. Add some custom CSS for advanced styling.

Question 7

Divi Blob Shape Image Module

Accepted Answer

Fan of Blob Shaped Images? We got your back! Using Divi Supreme Blob Shape Image Module you can easily create Blob Images in Divi without any hassle. Add Blob Shapes from 13 Different styles, add overlay content, solid color & gradient overlay, and much more. ![blob shape image demo image.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/pYkPTQ33pR/blob%20shape%20image%20demo%20image.png) # Content Options blob shape image moduel - content options.png

blob shape image moduel - content options.png

**Image** Insert your Image here. **Blob Shapes** Choose any Blob Shape from 13 different Shapes. ### Overlay Content If you want to show content on the Image as an Overlay, then you can do so here. **Title** Add your Title here for the Overlay Content. **Description** Your description for the Overlay Content goes here. **Show Content on Hover** Enable this option If you like to show the Overlay Content on Hover. # Design Options blob shape image module - Design options .png

blob shape image module - Design options .png

### Blob Image Settings Blob Image is placed as a Background so you can change the Size & Position of the Image easily from here and make some other changes. **Size** Change the Size of the Image from here to "Cover" or "Initial". **Position** Change the position of the Image from here the way you like. **Blob Image Height** Change the Height of the Image from here If you need to. And else you can add Border, Border Radius and Box Shadow to the Image If you like. ### Overlay You can also add Overlay Color or Gradient to the Image from here. **Use Overlay** Enable this Option If you'd like to add an overlay to the Image. And It will ask you to change the Color of the Overlay. **Use Gradient Overlay** Enable this option If you'd like to have a Gradient Overlay. Once enabled it will show different settings to change the Angle and Offset of the Gradient Color and you'll be able to have a Gradient Overlay as you desire. ### Overlay Text Here you'll be able to change the Styling of the Overlay Title, Description and add Spacing to the Overlay Content. Open the tab you'd like to change the styling of and make the changes you like. In the Spacing tab you'll be able to add Spacing around the Content. # Advanced Options Use the advanced options to give your Blob Shape Image module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visiblity on certain devices.

Question 8

Divi Text Badges Module

Accepted Answer

This will show a badge before or after the text. A great way to show highlighted/important text badge.

# Content Options **Main Text** This field is where you can enter the content of your text. Text content spans the full width of the column that it is in. **Badges Text** This field is where you can enter the badge of your text. **Badges Placement** Here you can define whether the badge should be before or after the main text.

## Background **Background Color** Here you can choose a background color for your module. **Background Image** Here you can choose a background image for your module. ## Admin Label By default, your Supreme Text Badges text module will appear with a label that reads ‘Supreme Text Badges’ in the builder. The Admin Label allows you to change this label for easy identification. # Design Options Here you can style and/or position your text just how you want it by choosing the text color, orientation, font, font size, font spacing, and line height. You can also designate a border style, set a max width for your module, and add custom margin and padding. ## Main Text You can style the Main text here. You can play around with changing the font, size, color, weight and more of the Main text. ## Badges Text Here’s where you can style the badges appearance. **Background Color** You can choose your desired color from the color picker for the badge background color. This will be apply a background color to the badge only. **Gap** The Gap space between the main text and the badge. # 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 9

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

Divi Block Reveal Image Module

Accepted Answer

Create engaging and fresh interactions using Divi Block Reveal Image Module. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers image underneath. You get 4 types of animation to choose from.

# Content Options

## Image Add the Actual Image here that will be shown after a cool animation. ## Link **Open in Lightbox** Here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, URL options below will be ignored. **Open as Video Popup** Put the Video link on the Image URL. Copy the video URL link and paste it here. Support: YouTube, Vimeo and Dailymotion. Then If you click on the Image a video Popup will be shown. ## Block Reveal Animation **Block Reveal Animation style** Here you can set Animation Direction. You can select where it will start from and where it will be ending. You Have Four Options to choose from: * Left to Right * Right to Left * Top to Bottom * Bottom to Top **Block Reveal Color** Here you can change the color of the Block which will be shown first with an animation. **Delay** Adjust the Delay of the Block Reveal Animation here. **Animate in Viewport** The Text Animation will only be shows at a specific Viewport. # Design Options ## Overlay **Image Overlay** Enable this switch if you want to add overlay color or icon or both to the image. **Overlay Color** Change the color of the overlay on the image to your own one. **Use Icon** You can enable this option if you want to show an icon in the overlay. And then can choose any icon from the Divi Icon Library and Change it’s color as well. **Overlay Rounded Corners, Border and Box Shadow** Here you can control the corner radius of the Image Overlay. Enable the link icon to control all four corners at once, or disable to define custom values for each. you can play around with adding borders and Box Shadow to the Image Overlay. ## Add Rounded Corners, Border and Box Shadow to Image Here you’ll find options to control the corner radius of the Image. You can play around with adding borders and Box Shadow to the Image under Design Options. # Advanced Options Use the advanced options to give your Block Reveal 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 12

Divi Mask Text Module

Accepted Answer

To grab the attention of your visitors, you need something more appealing. Mask your text with any image to achieve a very cool effect. The creativity you can achieve with our mask text module is insanely cool.

# Content Options

**Mask Text** Put the text to start working on making a Mask Text in Divi. ## Mask Image **Background Image** Add an image from Media Library which will be placed as a background in the text. You can play around with changing the background image size and Position and make it Repeat. # Design Options ## Heading Settings **Heading Tag** Change the tag of the Mask Text from H1 to H6. ## Mask Text You can play around with changing the color, size, weight, and font of the Mask Text. # Advanced Options Use the advanced options to give your Mask Text module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Question 13

Divi Embed Google Map Module

Accepted Answer

If you just need a simple Google Map, then this Embed Google Map Module will do the job nicely. This will embed into your Divi’s site easily without having to worry about anything else.

# Content Options

**Address** Enter an address for the map, and the address will be geocoded and displayed on the map. You can simply type in an address in a standard format, such as “1235 Sunny Road, Some City, State, 88343.” **Zoom** The Zoom level of the map. ## 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 14

Divi Facebook Comments Module

Accepted Answer

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

# Content Options

**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 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/](https://developer.wordpress.org/plugins/internationalization/localization/)

![divi_supreme_languages.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/yQky8fmDQr/divi_supreme_languages.png)

Question 16

Divi Gradient Text Module

Accepted Answer

By using Divi’s built-in background gradient tool, this module allow you to have gradient text without coding.

<img alt="showcase-12-1024x449.png" src="https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/RLJReiMvwo/showcase-12-1024x449.png" align="center">
# Content Options
**Gradient Text**
This field is where you can enter the content of your text. Text content spans the full width of the column that it is in.

### Background
With Divi’s built-in background gradient tool, you can style the gradient of the text.

# Design Options
Here you can style and/or position your text or header text just how you want it by choosing the text color, orientation, font, font size, font spacing, and line height.

You can also designate a border style, set a max width for your module, and add custom margin and padding.

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

Divi Shuffle Letters Module

Accepted Answer

Add a nice and cool text effect to your website using the Shuffle Letters Module for Divi. Write the text that you want to show and it will shuffle letter by letter in the random text before revealing. You can configure settings such as shuffle speed, duration and the random text with just a few clicks.

# Content Options
## Text
**Before Text**

Add text here before the Shuffle text.

**Shuffle Text**

Add text here which will be shown after the shuffling effect.

**Shuffle Text on a new line**

Enable this option if you want to put the shuffle text below the before text or in a new line.

**After Text**

Add text here which will be shown after the Shuffle text.

**After Text on a new line**

Enable this options if you want to put the After text below the Shuffle Text or in a new line.

## Shuffle Letters Options
**Shuffle Speed (in ms)**

Adjust the speed of the Shuffle Animation by sliding the slider in milliseconds.

**Duration (in s)**

Change the duration of the Shuffle Animation so the Shuffle text will appear after the time duration you set.

**Overwrite Random Shuffle Text**

Enter your text here, only if you want to have your own random character text. Use without space e.g ‘Shuffle Text’.

# Design Options
**Before**, **Shuffle** and** After Text** Stylings. You can play around with changing the color, size, weight, and font and more of the Before, Shuffle and After Text.

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

Question 18

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.

# Content Options

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

Divi Facebook Like Button Module

Accepted Answer

Add a Facebook Like Button in your posts, so your visitors are encouraged to Like/Recommend or even share your content on Facebook. A single click on the Like button will ‘like’ pieces of content on the web and share them on Facebook. You can also display a Share button next to the Like button to let people add a personal message and customize who they share with.

# Content Options

**Facebook APP ID** The Facebook Like Button 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. **URL** Here enter the URL of your Facebook Page **Layout** Change the type of Layout from 4 Different Layouts: * **Standard** - Will show the like button and number of likes separated. * **Button Count** - Will show the Like button and Like counts in the same box. * **Button **- Will only show the like button. * **Box Count** - Wil show the Like button and count on top and bottom separated. * **Color Scheme** - Change the Color Scheme of the Like Button to Light or Dark. **Show Faces** Choose whether to show faces or not(Only Standard Layout). **Action** The verb to display on the button. It can be either like or recommend. **Show Share Button** Specifies whether to include a share button beside the Like button. **Size** Change the Size of the button to either small or Large. # 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 Like Button Module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Divi Supreme

Need Help?