Question 1

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 2

Divi Post Carousel Module

Accepted Answer

Surprise your Visitors by showing your Posts in a new & creative way using Divi Supreme Post Carousel Module. Add some special post Carousels to your site and take Blogging with Divi to the next level.
![post carousel-min.gif](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/nLsUzercvL/post%20carousel-min.gif)

# Content Options
<img alt="post carousel content options.png" src="https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/OfosPwxpmA/post%20carousel%20content%20options.png" width="50%">

**Post Type**

Choose Post type for the Carousel here. For the Blog you can use the [Blog Carousel Module](https://divisupreme.com/features/divi-blog-carousel-module/).

**Post Count**

Enter how many posts you want to show in the Carousel here.

**Date Format**

Change the Date format from here the way you like.

### Elements

**Show Featured Image**

Enable or Disable this switch to show or hide Post's Featured Images.

**Show Title**

You can choose whether to display the Post Title or not, Disable it to hide the Post Title.

**Show Excerpt**

Enable to Disable this switch to show or hide the Post Excerpt.

**Excerpt Text**

Change the length of the Excerpt text here, enter value in numbers.

**Show Date**

You can choose whether to display the Post Publish Date or not, Disable it to hide the Date.

**Meta Separator**

Here you add a custom Meta Separator.

**Author**

You can choose whether to display the Post Author or not, Disable it to hide the Author Info from the Carousel.

**Readmore Button**

Enable this switch If you want to show the Readmore button for each Post card in the Carousel.

**-Readmore Text**

Add a custom Text for Readmore button here.
	
**Show Bottom Meta Elements**

This is something really cool, you can enable this option to show a nice looking Author Image and Name and Post Publish date for each Post card.

**-Bottom Date**

You can disable this switch If you don't want to show Date in this Meta Element.
	
  **-Bottom Author**
	
	You can also hide post Author Name by disabling this switch.
	
### Carousel Settings
	
**Carousel Effect**

Choose a Carousel effect from 4 Different Effects and more to add soon.

* Slide
* Coverflow
* Flip
* Cube

**Columns**

Enter how many columns you want to show in the Carousel.

**Use Multiple Row**

You can enable this option If you want to show multiple rows of Posts, lets say you enter 2 in the "Row Per Slide" field and then you'll see two Rows of Posts, a new one below the first one and It will work the same way. You can change the "Row Per Slide" value to whatever you like.

**Centered Mode**

If enabled, then active slide will be centered, not always on the left side.

**Spacing**

Add some spacing between carousel Items.

**Transition Duration**

Change the duration when sliding the Carousel using the arrows here.

**Infinite Looping**

Enabling this option causes the carousel to loop. Means when you’ll click on the arrow to go to next slide it will then keep looping and shows all the item from first to end. Disabling this will show only the number of Posts and you can’t use the next arrow if slides are ended then you’ll have to use the previous arrow.

**Autoplay**

You can enable this option to slide Carousel Items automatically according to the time you'll set.

**-Autoplay Speed**

Change the time interval for the slides to change after that time.

**-Pause on Hover**

Enable this option, If you want to pause the carousel autoplay when the mouse is on the Carousel Module.

**Pagination**

Enable or Disable this option to show or hide the pagination dots.

**Navigation**

Enable or Disable this option to show or hide the arrows.

**Use Equal Height**

Equalize the carousel Items height. Carousel Card Items will be 100% in Height.

# Design Options

### Post Item
Changes you'll make here will be applied to the Post Items/Cards in the carousel.

**Post Item Padding**

Add padding around the Post Item here.

**Background Color**

Add a background color for each post Card in the Carousel here.

And else you can play around with adding Corner Radius, Border and Box Shadow to Post Items/Cards in the Carousel.

### Post Thumbnail

**Thumbnail Height**

You can change the height of the Featured Image here. A really helpful option.

And else you can play around with adding Corner Radius, Border, Box Shadow and Filters to Post Thumbnails in the Carousel.

### Post Entry Title
Here you can change the Title styling, you can change the Heading Level, font, size, weight and much more for the Title.

### Post Entry Summary
Here you can style the Description/Excerpt text the way you like.

### Post Entry Meta
This is where you'll be able to style the Meta text, such as Date, Category, and Author font.

**Alignment**

Here you can change the alignment of the Meta text to Left, Right or Center.

And below you'll find options to style you Author, Date and Category Text's Font, Weight, Color and much more. You can give different styling to all of them.

# Readmore
This is where you can style the Readmore button. Enable the switch "Use Custom Styles for Readmore" and then you'll see options to style the Readmore button the same way you design Default Divi Buttons.

# Navigation
This is where you can style the Navigation/Arrows of the Carousel.

**Navi Vertical Position**

You can change the vertical position of the Arrows/Navigation here.

**Left Navigation Position**

From here you can horizontally change the position of the Left/Prev Arrow.

**Right Navigation Position**

From here you can horizontally change the position of the Right/Next Arrow.

**Navi Arrow Icon Size**

Here you can change the Size of the arrows.

**Custom Prev Arrow Icon**

Enable this option If you want to set a custom Icon for the Prev Arrow, enabling this option will show the Divi Icon Library to choose an icon.

**Custom Next Arrow Icon**

Same goes here, enable this option If you want to set a custom Icon for the Next Arrow, enabling this option will show the Divi Icon Library to choose an icon.

**Arrow Color**

Here you can change the Arrow Color.

**Arrow Background Color**

Change the Arrow Background color from here.

And below you'll find options to add Rounded Corners, Border and Box Shadow to the Arrow Icons.

# Pagination
This is where you can style the Pagination/Dots.

**Pagination Position**

Change Vertical position of the Pagination here.

**Pagination Color**

Change the color of the Pagination here.

**Pagination Active Color**

Change the Active Pagination color from here.

**Pagination Button Style**

Here you can change the Pagination style, you've got 3 different styles to choose from.
* Default
* Dynamic
* Progress Bar

### Bottom Meta Items
Here you can play around with Bottom Meta Items styling.

**Image Width**

Change the Author Image width from here.

And else you can play around with the Author Name and Date Text styling. And add Rounded Corners, Border and Box Shadow to the Author Image.

### Overlay

Enable this switch If you want to show an Overlay when hover on Thumbnail. When you'll enable this option It will open some settings and ask you to pick an Icon from Divi Icon Library.

**Overlay Icon Color**

Change the Icon Color here.

**Overlay Icon Size**

Change the Size of the Icon from here.

**Overlay Background Color**

Change the Overlay Background Color here.

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

Question 3

Divi Image Accordion Module

Accepted Answer

Let's you display all of your images on your Divi website with a stunning hover/click animation and effects. Add as many items as you need providing them with icons, images, titles, descriptions, buttons, and links easily and quickly. It ensures the perfect image quality and combines them beautifully with amazing accordion effects. ![Image Accordion-min.gif](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/BbJQFpk7nt/Image%20Accordion-min.gif) # Content Options image accordion content options.png

Click on + Add new Item to add your first Image Accordion Item. Clicking + Add new Item will open a completely new list of design settings (including Content, Design, Advanced) for your new Image Accordion. See below for individual Image Accordion Item settings. After you add your first Accordion Item, you will see a gray bar appear with the title of your Image Hotspot shown as a label. The gray bar also has three buttons that allow you to edit, duplicate, or delete the Image Accordion in the Main Content tab. ### Accordion Settings **Accordion Type** Here you can choose whether to open the Image Accordion by Hover or Click. **Accordion Content Animation** Choose any animation from 5 different animations for Content entrance. **Use Sequenced Animation** Enabling this option will add animation separately to all Elements in the Accordion such as Title, Description, Button, Icon etc. **Accordion Direction** You can change the accordion direction to either Horizontal or Vertical. **Accordion Height** Change Accordion height from here. # Design Options ### Overlay **Overlay Color** You can add Accordion to each Accordion from here, just change the color to any RGBA Value and it will be applied over your Image. This could be helpful to read your text clearly. ### Icon **Icon Color** Change Icon color from her, If you've added in the Accordion. **Use Icon Font Size** Enable this option If you want to change the size of the Icon, you'll then see a handle to control the size of the Icon. ### Icon Image If you've replaced your Icon with an Image then you can manage It's styling from here, you can add Border, Corner radius and Box Shadow. ### Title **Title Heading Level** Change the Heading level of the Title from H1 to H6. And else you can play around with other settings to style the Title text. ### Description Here you can play around with the styling of the Description text the same way you style the paragraph in Default Text Module. ### Button This is where you can style the Button If you've added in Accordion. Enable the switch "Use Custom Styles for Button" and then you'll see options to style the button the same way you design Default Divi Buttons. # Advanced Options Use the advanced options to give your Image Accordion module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module's visibility on certain devices. # Image Accordion Item Content Options item content options.png

**Make Item Expanded** As the name suggests, enable this option If you want the Item to be expanded by default. **Image** Add the Main Image for the Accordion here. **Use Icon** Enable this option If you want to add an Icon to the Accordion Content, then disable the switch If you want to use Image instead of icon. **Title** Your Main Title goes here. **Description** Your Description content goes here. **Show Button** Enable this switch If you want to use Button in your Accordion, then It will ask you for the Button Text & URL. **Horizontal Align** Here you can align the Accordion Content Horizontally to Left, Right & Center. **Vertical Align** Here you can align the Accordion Content Vertically to To, Bottom & Center. # Image Accordion Item Design Option ### Overlay **Overlay Color** You can add Accordion to each Accordion from here, just change the color to any RGBA Value and it will be applied over your Image. This could be helpful to read your text clearly. Enable Hover option to add a Hover Overlay effect ~ Best for Item settings. ### Title **Title Heading Level** Change the Heading level of the Title from H1 to H6. And else you can play around with other settings to style the Title text. ### Description Here you can play around with the styling of the Description text the same way you style the paragraph in Default Text Module. ### Button This is where you can style the Button If you've added in Accordion. Enable the switch "Use Custom Styles for Button" and then you'll see options to style the button the same way you design Default Divi Buttons. ### Sizing **Content Width** Change the Content width from here. # Image Accordion Item Advanced Options Use the advanced options to give your Image Accordion Item 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

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 5

How to Solve common issues caused by Cache.

Accepted Answer

If you're facing any issue that you think shouldn't happen or the Plugin isn't behaving properly? Then you might wanna do the Following:

* Clear your browser cache.
* Clear/purge any cache plugin.
* Clear/purge if you're on CDN.
* Re save Permalink.
* Might be a Plugin.

## Clear your browser cache

Most of the time any unusual plugin behavior or any kind of new is caused by the Browser Cache. Clearing your Browser Cache might help here. You can also try Incognito Mode in such situations. Here's an article to clear browser cache on any Browser: [elegantthemes.com/blog/wordpress/how-to-clear-all-browser-caches](https://www.elegantthemes.com/blog/wordpress/how-to-clear-all-browser-caches)

## Clear/purge any cache Plugin

If you've installed any Caching plugin like WP Super Cache, W3 Total Cache or similar Caching Plugins, then you must try to clear your Cache using the Plugin. Almost every plugin provide an option in admin bar to Clear/Purge Cache. Take a look 👀

## Clear/purge if you're on CDN

Your CDN might be a culprit, so you must clear your CDN Cache as well. Login to your CDN Provider Dashboard and find an option to clear your CDN Cache.

## Re save Permalink

Resaving you permalink might be helpful sometimes. Here's how to resave it:

![Screen Recording 2020-12-18 at 12.23.59 PM.gif](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/G2VfMYu1NZ/Screen%20Recording%202020-12-18%20at%2012.23.59%20PM.gif)

## Might be a Plugin.

Try to deactivate all the plugins installed on your site to see If there's any conflict caused by any plugin you've installed on your site. If you found out that your issue was caused by this specific plugin, you might need to report them about the conflict.

Question 6

Divi Blog Carousel Module

Accepted Answer

Surprise your Visitors by showing your Posts in a new & creative way using Divi Supreme Blog Carousel Module. Add some special post Carousels to your site and take Blogging with Divi to the next level.
![Blog Carousel Demo-min.gif](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/pGgR38pTtU/Blog%20Carousel%20Demo-min.gif)

# Content Options
<img alt="blog-carousel-content-1.png" src="https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/rHI8G12zbg/blog-carousel-content-1.png" width="40%">

**Post Count**

Enter how many posts you want to show in the Carousel here.

**Included Categories**

Choose Which post categories you want to show, you can select a particular category or choosee "All Category" to show all category posts.

**Date Format**

Change the Date format from here the way you like.

### Elements

**Show Featured Image**

Enable or Disable this switch to show or hide Post's Featured Images.

**Show Title**

You can choose whether to display the Post Title or not, Disable it to hide the Post Title.

**Show Excerpt**

Enable to Disable this switch to show or hide the Post Excerpt.

**Excerpt Text**

Change the length of the Excerpt text here, enter value in numbers.

**Show Date**

You can choose whether to display the Post Publish Date or not, Disable it to hide the Date.

**Show Category**

Enable this switch If you want to show Post Categories in the Carousel for each post.

**Meta Separator**

Here you add a custom Meta Separator.

**Author**

You can choose whether to display the Post Author or not, Disable it to hide the Author Info from the Carousel.

**Readmore Button**

Enable this switch If you want to show the Readmore button for each Post card in the Carousel.

**-Readmore Text**

Add a custom Text for Readmore button here.
	
**-Read More Link Target**
	
From here you'll be able to change the Link Target to open in the Same Tab or in a New Window.
	
**Show Bottom Meta Elements**

This is something really cool, you can enable this option to show a nice looking Author Image and Name and Post Publish date for each Post card.

**-Bottom Date**

You can disable this switch If you don't want to show Date in this Meta Element.
	
**-Bottom Author**
	
You can also hide post Author Name by disabling this switch.
	
**Carousel Effect**

Choose a Carousel effect from 4 Different Effects and more to add soon.

* Slide
* Coverflow
* Flip
* Cube

**Carousel Direction**

You can change the Carousel Content Direction from here, It can be either "Left to Right" or "Right to Left".

**Columns**

Enter how many columns you want to show in the Carousel.

**Use Multiple Row**

You can enable this option If you want to show multiple rows of Posts, lets say you enter 2 in the "Row Per Slide" field and then you'll see two Rows of Posts, a new one below the first one and It will work the same way. You can change the "Row Per Slide" value to whatever you like.

**Centered Mode**

If enabled, then active slide will be centered, not always on the left side.

**Spacing**

Add some spacing between carousel Items.

**Transition Duration**

Change the duration when sliding the Carousel using the arrows here.

**Infinite Looping**

Enabling this option causes the carousel to loop. Means when you’ll click on the arrow to go to next slide it will then keep looping and shows all the item from first to end. Disabling this will show only the number of Posts and you can’t use the next arrow if slides are ended then you’ll have to use the previous arrow.

**Autoplay**

You can enable this option to slide Carousel Items automatically according to the time you'll set.

**-Autoplay Speed**

Change the time interval for the slides to change after that time.

**-Pause on Hover**

Enable this option, If you want to pause the carousel autoplay when the mouse is on the Carousel Module.

**Pagination**

Enable or Disable this option to show or hide the pagination dots.

**Navigation**

Enable or Disable this option to show or hide the arrows.

**Use Equal Height**

Equalize the carousel Items height. Carousel Card Items will be 100% in Height.

# Design Options

### Post Item
Changes you'll make here will be applied to the Post Items/Cards in the carousel.

**Post Item Padding**

Add padding around the Post Item here.

**Background Color**

Add a background color for each post Card in the Carousel here.

And else you can play around with adding Corner Radius, Border and Box Shadow to Post Items/Cards in the Carousel.

### Post Thumbnail

**Thumbnail Height**

You can change the height of the Featured Image here. A really helpful option.

And else you can play around with adding Corner Radius, Border, Box Shadow and Filters to Post Thumbnails in the Carousel.

### Post Entry Title
Here you can change the Title styling, you can change the Heading Level, font, size, weight and much more for the Title.

### Post Entry Summary
Here you can style the Description/Excerpt text the way you like.

### Post Entry Meta
This is where you'll be able to style the Meta text, such as Date, Category, and Author font.

**Alignment**

Here you can change the alignment of the Meta text to Left, Right or Center.

And below you'll find options to style you Author, Date and Category Text's Font, Weight, Color and much more. You can give different styling to all of them.

# Readmore
This is where you can style the Readmore button. Enable the switch "Use Custom Styles for Readmore" and then you'll see options to style the Readmore button the same way you design Default Divi Buttons.

**Align Button Vertically**

Enable this option, If you'd like to vertically align the button. This option will be shown If you've enabled the "Equal Height" option in the Carousel Settings Panel. You can align the button to Top, Center or Bottom from here.
# Navigation
This is where you can style the Navigation/Arrows of the Carousel.

**Navi Vertical Position**

You can change the vertical position of the Arrows/Navigation here.

**Left Navigation Position**

From here you can horizontally change the position of the Left/Prev Arrow.

**Right Navigation Position**

From here you can horizontally change the position of the Right/Next Arrow.

**Navi Arrow Icon Size**

Here you can change the Size of the arrows.

**Custom Prev Arrow Icon**

Enable this option If you want to set a custom Icon for the Prev Arrow, enabling this option will show the Divi Icon Library to choose an icon.

**Custom Next Arrow Icon**

Same goes here, enable this option If you want to set a custom Icon for the Next Arrow, enabling this option will show the Divi Icon Library to choose an icon.

**Arrow Color**

Here you can change the Arrow Color.

**Arrow Background Color**

Change the Arrow Background color from here.

And below you'll find options to add Rounded Corners, Border and Box Shadow to the Arrow Icons.

# Pagination
This is where you can style the Pagination/Dots.

**Pagination Position**

Change Vertical position of the Pagination here.

**Pagination Color**

Change the color of the Pagination here.

**Pagination Active Color**

Change the Active Pagination color from here.

**Pagination Button Style**

Here you can change the Pagination style, you've got 3 different styles to choose from.
* Default
* Dynamic
* Progress Bar

### Bottom Meta Items
Here you can play around with Bottom Meta Items styling.

**Image Width**

Change the Author Image width from here.

And else you can play around with the Author Name and Date Text styling. And add Rounded Corners, Border and Box Shadow to the Author Image.

### Overlay

Enable this switch If you want to show an Overlay when hover on Thumbnail. When you'll enable this option It will open some settings and ask you to pick an Icon from Divi Icon Library.

**Overlay Icon Color**

Change the Icon Color here.

**Overlay Icon Size**

Change the Size of the Icon from here.

**Overlay Background Color**

Change the Overlay Background Color here.

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

Question 7

Divi Supreme Content Toggle Module

Accepted Answer

> The Layout might not show properly in the Divi Builder, Only on the front end It will be 100% accurate. This is something elegant themes will be improving in the near future for rendering divi library layout in visual builder. Using the Divi Supreme Content Toggle Module you can easily create a Toggle to switch between two content Layouts. Use it to create stunning Pricing Tables, Food Menus and much more you can think of. ![content toggle demo-min.gif](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/7aUT1SfzRW/content%20toggle%20demo-min.gif) # Content Options

### Content One **Heading** Your heading for the Content one switch goes here. **Content Type** Here you can choose the Type of Content, If you'll choose "**Custom Content**", you'll be able to add custom content such text, Images and stuff. And If you'll choose type as "**Library**" then you'll be prompted to choose a Divi Library Layout. And for the third content type **Shortcode**, If you'll select it you'll be able to add shortcode of the content you want to show in the Toggle One. ### Content Two **Heading** Your heading for the Content one switch goes here. **Content Type** Here you can choose the Type of Content, If you'll choose "**Custom Content**", you'll be able to add custom content such text, Images and stuff. And If you'll choose type as "**Library**" then you'll be prompted to choose a Divi Library Layout. And for the third content type **Shortcode**, If you'll select it you'll be able to add shortcode of the content you want to show in the Toggle Two. # Design Options

### Switcher **Switcher Size** Here you can change the size of the Toggle Switch. **Alignment** Change the alignment of the toggle switch here to Center, Left or Right. **Switcher Primary Background Color** Here you can change the switcher primary background color. Which is the default state of the Switch. **Switcher Secondary Background Color** Here you can change the background color of the switch when you'll click to Switch the Content, the background color of the switcher will be changed to what you've added here. **Switcher Inner Color** Here you can change the color of the Switcher that indicates on which Switch you're currently on. ### Heading One **Heading Level** Change the heading level from H1 to H6. Here you can play with the Heading One by changing its font, size, color and weight and even add shadow to the text. ### Heading Two **Heading Level** Change the heading level from H1 to H6. Here you can play with the Heading Two by changing its font, size, color and weight and even add shadow to the text. ### Content One **Content Background** Here you can change the background color of the Content One. **Content Padding** Add some padding inside the Content here, helpful If you've added Background, Border and Box shadow. **Content Spacing Top** Add some top spacing for the content one here If required. **Make this Layout Fullwidth** Enable this option to fullwidth the Layout. And else you can play around with changing Text Font, Weight, Size and much more. ### Content Two **Content Background** Here you can change the background color of the Content Two. **Content Padding** Add some padding inside the Content here, helpful If you've added Background, Border and Box shadow. **Content Spacing Top** Add some top spacing for the content two here If required. **Make this Layout Fullwidth** Enable this option to fullwidth the Layout. And else you can play around with changing Text Font, Weight, Size and much more for content two. # 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 8

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](http://divisupreme.com/contact)

Question 9

Divi Library Widget Extension

Accepted Answer

At times, you wish to add Divi modules right inside Sidebar Widget and with this extension, you can add any Divi Library Layout to Your Widget Area – Sidebars, Footer or any that you’ve created. 
### Before Using
Make sure to activate the extension by going to Divi Supreme -> "Enable Divi Library Widget" and enable it.
![enable extension.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/PaKwUUkkmr/enable%20extension.png)
### Usage
To use the Divi Library Widget extension, go to Appearance -> Widgets and there you'll find a new widget "Divi Library Widget". Just drag it and drop it to the place where you want to show It can be Sidebar, Footer etc.
![usage-min.gif](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/sKs1zIItSI/usage-min.gif)
So that's it, that's how easily you can use any Library layout in your sidebar.

Cheers!

Question 10

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 with Divi so that's the only solution for now.
![layout type.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/3Jn6Ar8xly/layout%20type.png)

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

Question 11

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 12

How to show a Popup Globally

Accepted Answer

If you want to show a Popup Globally on your site then you must follow this guide. We'll see how to show the Popup you've created Globally on your site. It could be a Sale Notice Popup, Important Notice or anything.

We can use the Divi's Theme Builder to show the Popup globally. Just Edit your Global Header or Footer as both shows on your whole site so will the Popup. Let's Edit the Global Footer.
![edit global footer.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/H2QYdA9iZJ/edit%20global%20footer.png)
Now you can open up any Module settings to set up the Popup. If you don't know how to set up a Popup here's a complete guide on our Popup Extension: [https://divisupreme.com/blog/how-to-create-popups-using-divi-popup-extension/](https://divisupreme.com/blog/how-to-create-popups-using-divi-popup-extension/)

Once you've opened the Module settings, you can go to Advanced tab -> Visibility -> Use Popup and set up the Popup the way you like. 
![setup your popup.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/4bNxin20sK/setup%20your%20popup.png)
Once you're done setting up the Popup, all you need to do now is Save the Changes and now you'll be able to see your Popup on Every Page/Post of your site.

Hope you'll found it useful, Let us know If you need any help. Have a great day!

Question 13

Divi Breadcrumbs Module

Accepted Answer

Display a hierarchical representation of navigation links and make your site’s navigation easier to follow, add breadcrumbs to your site to improve the user’s experience, and yeah It's good for SEO too.
![dsm-breadcrumbs-demo.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/S2ifBw5hVv/dsm-breadcrumbs-demo.png)

# Content Options
![dsm-breadcrumbs-content-option.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/kAzqTvHJT7/dsm-breadcrumbs-content-option.png)

### BreadCrumbs
**Show Custom Home**

Enable this option If you want to show a Custom Text for the Home Link.

**Show Home Icon**

Enable this option If you want to show an Icon along with the Text of Home link. You'll see an Icon Picker where you can choose any icon from Divi Icon Library for your Home Link.

**Custom Separator Icon**

Enable this option If you want to set a Custom Icon for the Separator. You'll see an Icon Picker where you can choose any icon from Divi Icon Library for your Separator.

# Design Options
### Alignment
Here you can change the Alignment of the Breadcrumbs, enable the responsive option to set a different alignment for Mobile Devices.
### Items
Here you can design the Items/Links in the Breadcrumbs, you can add Background Color, Padding, Border Radius, Box Shadow and more.

**Item Background Color**

Here you can define a custom Color for the Links/Items in the Breadcrumb.

**Bottome Gap**

Add a gap between Breadcrumbs Items/Links if the structure of the Breadcrumbs is longer than the space given to it.

**Items Padding**

Set a padding around the Item/Link from here, useful If you've added a Background color to the Item.

You can design the Item/Link color, font size and more.

**Rounded Corners and Borders**

Add Rounded Corners or Borders to the Item/Link here.

**Box Shadow**

Set a custom Shadow to show for the Links/Items in the Breadcrumbs. Enable Hover option to show shadow on Hover.

### Home Icon
Here you'll be able to design the Home Icon If you've enabled it.

**Icon Color**

Here you can change the Color of the Home Icon. If you've enabled the option (Show Home Icon) in the Content tab.

**Icon Size**

Here can define a custom size for the Home Icon.

### Separators
Here you'll be able to design the Separator in the Breadcrumbs.

**Separators Background Color**

Here you can define a custom Color for the Separator in the Breadcrumb.

**Bottome Gap**

Add a gap to Separator if you feel there is a need of it.

**Items Padding**

Set a padding around the Separator from here, useful If you've added a Background color to the Separator.

You can design the Item/Link color, font size and more.

**Rounded Corners and Borders**

Add Rounded Corners or Borders to the Separator here.

**Box Shadow**

Set a custom Shadow to show for the Separators in the Breadcrumbs.

### Current
Here you'll be able to set custom design values for the Current Item in the breadcrumbs.

**Item Background Color**

Here you can define a custom Color for the Current Links/Items in the Breadcrumb.

**Bottome Gap**

Add a gap between Breadcrumbs Current Items/Links if the structure of the Breadcrumbs is longer than the space given to it.

**Items Padding**

Set a padding around the Current Item/Link from here, useful If you've added a Background color to the Item.

You can also design the Current Item/Link color, font size and more.

**Rounded Corners and Borders**

Add Rounded Corners or Borders to the Current Item/Link here.

**Box Shadow**

Set a custom Shadow to show for the Current Links/Items in the Breadcrumbs. Enable Hover option to show shadow on Hover.

# Advanced Options
Use the advanced options to give your Breadcrumbs 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

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 15

Divi Supreme Masonry Gallery Module

Accepted Answer

With Divi Supreme’s Masonry Gallery Module you can easily showcase your Images in an interesting way. Showcase your Portfolio in style whether you’re Web Designer, Photographer, etc this Module is made for you.
![DSM Masonry Gallery Module - Demo Image.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/g4JYU85yxa/DSM%20Masonry%20Gallery%20Module%20-%20Demo%20Image.png)
## Content Options
![dsm-masonry-gallery-content-options.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/NO90dSfCVX/dsm-masonry-gallery-content-options.png)
**Gallery**

Add Images from Media Library to show in the Gallery.

### Settings

**Use Overlay**

This will enable the Overlay on each image Hover and will use the "Title" and "Description" option from Media Library. You'll need to add Title and Description to each image in Media Library to show the Overlay.

**Use Lightbox**

Enable this option If you want to open each Image in Lightbox/Popup and then you'll be able to switch the Image by clicking on Arrows in the Lightbox.

**Use Horizontal Order**

Enable this option if you want to change the Images to Horizontal Order.

**Use Zoom on Hover**

Enable this option to add a cool Zoom effect on Hover on each image in Gallery.

## Design Options
### Grid Layout
Here you'll be able to style the Images in the Gallery.

**Columns**

Here you can change the number columns you want to show for the Masonry Images. You can enable the Responsive Option to set column number for Mobile Devices.

**Columns Gaps**

Increase or decrease the Value to change the Column Gap.

### Grid Items

**Grid Item Rounded Corners and Border**

Here you can add Rounded Corners and Border to each Image in the Gallery.

**Grid Item Box Shadow**

Set a custom Box shadow for each Image in the Gallery.

### Overlay
You can Design the Overlay text here.

**Show Image Overlay Title**

Disable this option If you don't want to show the Image Overlay Title.

**Show Image Overlay Description**

Same goes here, disable it If you don't want to show Overlay Description.

**Overlay Color**

You can change the color of the Overlay here.

And further you can style the Title/Description text, You can change Font, Size, Weight and much more of Title and Description text.

### How to change the Overlay's title and description?

You can edit the image title and description via the WordPress Media Library. Simply just put in your custom Title and Description text into the input field. This will shows up in the Overlay.

#### You can also set a custom URL to each image by inserting a custom URL in the "LINK URL" input field under "Divi Supreme Modules Only".

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

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

Question 16

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

Have a great day!

Question 17

How to Install Divi Supreme Pro

Accepted Answer

Before you install the Divi Supreme Pro On your site make sure that you've already downloaded the Divi Supreme Pro Plugin in your Computer. You can see this guide to see where to download the Divi Supreme Pro: https://docs.divisupreme.com/faqs/downloading-divi-supreme-products

After downloading simply follow the steps below:

### Step 1. Install the Plugin
To Install Divi Supreme Pro on your site. Go to your WordPress Dashboard -> Plugin -> Add New.
![Click on Add New.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/ZcFTMBcUnr/Click%20on%20Add%20New.png)

Now click on "Upload Plugin" button on Top and then in the "Choose File" area choose the download Divi Supreme Pro .Zip file and then click on "Install Now" button.
![Upload the Plugin.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/gIiYGo1a7M/Upload%20the%20Plugin.png)

So you've successfully installed the Plugin on your site.

### Step 2. Activate the Plugin
After Installing the Plugin you can then Activate the Divi Supreme Pro to see all of its benefits/Features on your Divi Site. Simply click on "Activate" link to activate.
![activate the plugin.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/4uWRFxZ4Sc/activate%20the%20plugin.png)

That's it, that's how easily you can Install the Divi Supreme Pro on your site. Let us know If you still face any issue by [Contacting Us](https://divisupreme.com/contact/).

Question 18

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 19

How to Import Layouts

Accepted Answer

If you want to install one of our free provided Layout with every Module release in your Divi website then this article will help you out on how to import those Layouts to your site and use them.

### Step 1. Download the Layout
First of all, you'll need to download the Layout from the Module Demo page. So for our example we'll download the Layout provided with Card Carousel Module.
Simply go here to see all the Modules: https://divisupreme.com/features/
![download layout.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/ER6ylTYocJ/download%20layout.png)

### Step 2. Import Layout in Divi Library
Now you can move to your site's Dashboard -> Divi -> Divi Library and click on Import & Export button on the top.
![click on import button.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/ahMyWkjTUv/click%20on%20import%20button.png)
Now you can click on Import Tab and choose the downloaded file in the "Choose File" option and then simply click on Import button to import the Layout to Divi Library
![import the layout to divi library.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/G4P5IRIRxi/import%20the%20layout%20to%20divi%20library.png)

### Step 3. Add that Layout to your Page
So lastly, let's see how to implement that Layout to your page. For that you'll first need to open up the Divi Builder on your page and click on + Icon at the bottom and then you'll see a new window, click on Your Saved Layouts Tab and choose the recently Imported Layout.
![Add layout on your page.png](https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/yTil6KxH5F/resources/tCkgKpQLU7/Add%20layout%20on%20your%20page.png)
And that's it that's how easily you can Import the layouts to your site that we provide you with Every Module.The same method goes for all the other Module Layouts. Hope this will help you out.
Have a great day!

Question 20

Divi Supreme Requirement

Accepted Answer

**Minimum Requirements**

* WordPress 4.5 or greater
* PHP version 7.0 or greater
* MySQL version 5.0 or greater

**We recommend your host supports**

* PHP version 7.0 or greater
* MySQL version 5.6 or greater
* WP Memory limit of 64 MB or greater (128 MB or higher is preferred)

Divi Supreme recommend and required the following:

* Divi Theme >= version 4.1
* Extra Theme >= version 3.1
* Divi Builder >= version 3.1
* PHP version >= 7.0

Divi Supreme

Need Help?