Getting License Key You can obtain your license key by logging in to Your Account -> Orders -> License Manager. You will also receive an email regarding the license key for your Divi Supreme Products. License Activation Right after activating the plugin, you will see a notification “Divi Supreme Pro: Please enter your license key to get regular update”. The license activation is only required to receive automatic updates. Deactivate License You can either login to Your Account -> Orders -> License Manager and deactivate from there or simply just login to your WordPress site and from the admin menu, navigate to Divi Supreme Pro -> License. Check License Key Expiry Login to Your Account -> Orders -> License Manager and from there you will able to see your license expiry date. Renew License Key Login to Your Account -> Orders -> License Manager/View and from there you will able to see a renew button.

The Supreme Image allows you to transform the image using 3D transformation. Rotate it like the way you always wanted without coding. Content Options Image Place a valid image url here, or choose/upload an image via the WordPress Media Library. Images will always appeared left justified within their columns and will span the full width of your column. However, your image will never scale larger than its original upload size. The height of the image is determined by aspect ratio of your original image. Link Open in Lightbox Here you can choose whether or not your image will open in a Lightbox when clicked. If enabled, then your image will “zoom in” to their full size when clicked inside a modal window. This is a great feature for portfolios. Link URL Place a valid web URL in this field to turn your Image into a link. Leaving this field blank will simply leave your image as a static element. Use as Video Popup Enable this option if you want to show a video in overlay when user clicks on the Image. You'll then prompted to enter the URL of the Video you want to show in the overlay Transform & Rotation Perspective The perspective CSS property gives an element a 3D-space. The strength of the effect is determined by the value. Rotate Y Defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. Rotate X Defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. Rotate Z Defines a transformation that rotates an element around the z-axis without deforming it. 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. Overlay Image Overlay If enabled, an overlay color and icon will be displayed when a visitors hovers over the image. Overlay Color Here define a color for the Overlay. Use Icon Enable this option if you also want to show an icon in the overlay of image when hover. Overlay Icon Color Here you can define a custom color for the overlay icon Icon Picker Select an Icon from Divi Icon library here. Show overlay on Hover Enabling this option will only show the Overlay when hover to image. You can disbale this option if you want to always show the Overlay. Overlay Rounded Corners and Border You can then add Corner Radius and Border to the overlay if you like Alignment Image Alignment Here you choose which direction your image floats within the column. You can float the image left, right or keep it centered. Always Center Image On Mobile Often times small images are more pleasing to the eye on mobile devices when they are centered. As columns break down, images that were aligned the left or right in smaller columns become orphaned when the columns break down and become 100% width. Enabling this column with force images to align to the center of the column on mobile without affecting the image alignment on desktop computers. 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.

Display your WordPress menu and design it in whatever way you want. Use it for Footer or Sidebar. Content Options Menu Title This field is where you can enter the title of your menu. Menu Select a menu that should be used in the module. You can create new menus using the Appearances > Menus page in your WordPress Dashboard. Each time you create a new menu, the menu will be selectable in this dropdown menu. Collapse Sub Menu Enable this Option If you'd like to collapse the Sub Menu and that will reveal when you click on the Parent Menu Item. An example how we use the menu module with the Footer Template to design our Footer 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. Layout Menu Layout Currently the available Menu Layout is vertical. Title Here you can style the Title text of the Menu Module Bottom Gap Add some spacing under the Title text of the Module. And you can then change the color, font, weight and more of the Title text. Menu Menu Link Color Here you can choose the color of the Menu Items Active Link Color Change the Active Menu Link Color here. Menu Link Active Color Change the color of the Active Menu Item here. Menu Link Visited Color Change the color of the Menu Item a user already visited. When a user opens a link and come back to that page where this Menu Module is added, the color of that Menu item the user just visited will be changed. Space Between Add some space between Menu Items here Left Spacing Add some spacing on the Left side of the Menu Items. List Style Type Here you can change the List style of the Menu Items to Disc, Circle, Decimal and Square. You can choose None if you don't want List style. List Style Position You can either choose Inside or Outside means If you've got longer text in the Menu item the text will go below the Disc (or any type you choose) and If you'll choose Outside option it will not show the text below the Disc the text will be shown below the Menu Item text. List style Color Change the color of the List bullets here. And then you play around with changing Font, size, weight and more of the Menu Items. Sub Menu If there's a sub menu in the Menu you've added, then you can style those submenus here. Left Spacing Add some spacing on Left of of the Sub Menu Item(s). And then you play around with changing Font, size, weight and more of the Sub Menu Items. Sub Menu Collapse From here you'll be able to style the Sub Menu Collapse Icon easily. Arrow Color Here you'll be able to change the Icon color. Arrow Background Color You can change the Arrow Background color from here. Arrow Gap Change the Arrow gap between the Menu Item and Arrow Icon. Arrow Padding You can add Padding to the Icon from here, Useful If you've added Background to the Icon. Arrow Font Size You can change the Icon font size from here. Arrow Border, Border Radius and Box Shadow And else you can add border radius, boc shadow and Border to the Icon easily. Animation Use Link Hover Animation Enable this option to add a Hover animation to Menu Items. Animation Type Change the Type of the animation of the Animation here. Currently there's only Underline available we'll be adding more in upcoming updates. Underline Animation Here you can change the direction of the Underline Animation. You can change the direction of the Underline from 3 different types: Left to Right Right to Left Center Out Link Color Change the color of the Underline here. 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.

A creative Divi module to display a beautiful combination of texts, links, badge and image. With Image Hover Zoom animation, you can now impress your visitors even more. Content Options Text Title Enter your title text here. You can take out the text if you don’t want the Title text. Subtitle Enter your subtitle text here. You can take out the text if you don’t want the subtitle text. Content Enter your description text here. You can take out the text if you don’t want the description text. Image & Badge Manage your Image and Badge text here. Image Add an image from your Library here. Use Image as background Enable this option to use the image as the background so you can play around with the position and Height of the image and even add hover animation to the image. Image Height Change the height of the image by sliding the slider. Background Image animation Add animation to the image from 4 different animations and to even add more in upcoming updates. Animation Speed (in ms) Change the Hover Background Image Speed from here in ms. Badge Text Add text to the Badge here. You can take out the text if you don't want the badge text. You can also add a link to the badge under the link panel. Icon If you want to add an Icon to the Card you can do so here. Use Icon Enable this switch to enable the Use of Icon for the Card Module. Once you'll enable this you'll see so many Icons to choose from. Button Button text Add text to the button here you can always remove the text of the element which you don’t want. Button URL Add a URL to the button here. Design Options Layout & Alignment Layout Change the type of layout to Stacked or Inline. Stacked will place the image on top and content on the bottom. Inline will place the content Inline which means Image and content both in the same line. Layout type Inline Settings - If you’ll select this layout type you will be able to see these options: Width : Change the width of the image 2.** Order Alignment**: Change the alignment of the image to Left(Places the image on the left side of the content) or Right (Places the image on the right side of the content). Horizontal Content Alignment - This option will let you align the content to Top, Center or Bottom, most helpful while using the inline layout type. Image Make changes to the image here. 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. Image Rounded Corners, Border and Box Shadow Here you can control the corner radius of the Image. 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. Badge Change badge’s position color, background color and more here. Position Change the position of the badge anywhere on the Image. Use Custom Position Enabling this switch will let you position the badge on your own custom position on the image. Background Color Change the background color of the badge to your desired one. Padding Add padding to the badge here to expand it more. And you can play with the badge text by changing its font, size, color and weight and even add shadow to the badge text. Add Rounded Corners, Border and Box Shadow to Badge Here you can control the corner radius of the Image. 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. Other Titles, Subtitle, and Body Texts And you can always play with the Title, Subtitle and Body text by changing its font, size, color and weight and even add shadow to the text by going to their design panels. Button Enable Use Custom Styles for button to add custom stylings to the button. You can design the button same way you always design your Divi Buttons you can change button, font, size, weight and more and play with Margin and Padding and also you can add Corner Radius, Border and Box Shadow to the button. Advanced Options Use the advanced options to give your Card module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices. How to Equalize Card Heights If you want to equalize card heights to the other cards in the Row, you can easily do that by going to Row settings -> Design tab -> Sizing -> and enable "Equalize Column Heights". This will equalize the Card Heights in that row. How to align buttons to the bottom In many cases, when you've equal height cards, you'll want that buttons should be at the bottom. For that, you need to make sure that the "Equalize Column Heights" Option is enabled in the Row settings and then add the below CSS anywhere, For Example, Divi -> Theme Options -> Custom CSS box or in Page settings -> Custom CSS. .dsm_card_wrapper .et_pb_button_wrapper { margin-top: auto; }

Most helpful - Divi Supreme - FAQs and Documentation

How to Download Divi Supreme Pro

Divi Contact Form 7 Module

I can't update through my WordPress dashboard updates

Before and After Image Module images are not loading correctly

Divi Supreme Pro License

License Key

Divi Typing Effect Module

Divi Before After Image Slider Module

Divi Card Carousel Module

How to Create Facebook APP ID

Divi Image Hotspots Module

Where to Put Facebook APP ID

Divi Image Module

How to translate Divi Supreme Plugin

Divi Animated Gradient Text Module

Divi Text Rotator Module

Icons Rendering conflict with other Plugins

Divi Embed Google Map Module

Divi Menu Module

Divi Card Module