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.

Shapes are one of the most important elements in Design. So we’ve created this module to make your life easier. Shapes module adds life and creativity to your website. Boost your Divi designs, without having to use image files or custom code. Content Options Shapes Type Here you can change the type of shape from 16 different Shapes. Here are the shapes that you can choose: Square Circle Rectangle Oval Trapezoid Parallelogram Diamond Square Hexagon 8 types of Blob Size Adjust the Size of the Shape here. Design Options Shapes Shape Color Here you can define a custom color for your shape. User Border Enable this option if you want to add Border and Corner Radius to the shape. Shapes Shadow Here you can add a nice Drop Shadow to the shape. Changing the Position of the Shape Let’s See how we can change the position of the shape. We have three options: Using Margins Margin adds extra space to the outside of the shape, increasing the distance between the shape and other items on the page. Using Transform Translate Options Under Transform Option, you’ll find the Translate tab and using that you can easily move the Shape anywhere on the screen by moving the box you’ll see under the Translate tab. Using Position Options Position Options were added under the Advanced Tab. You can change the position type to Relative or Absolute and shape can be easily moved anywhere on the screen by sliding the controllers or entering your own value. Shape Module Advanced Options Use the advanced options to give your Shape custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

If you’re tired of dull, boring FAQs on your website, it’s time to try something new. With Divi Supreme FAQ module, you can create stunning FAQs that are both informative and visually appealing. There are many styling and content options available, so you can customize your FAQs to match your website’s look and feel. Content Options Adding FAQ Items Click on + Add new Item to add your first FAQ Item . Clicking + Add new Item will open a completely new list of design settings (including Content, Design, Advanced) for your new FAQ Item. See below for individual FAQ Item settings. After you add your first FAQ Item, you will see a gray bar FAQ Item near with the title of your FAQ shown as a label. The gray bar also has three buttons that allow you to edit, duplicate, or delete the FAQ Item. General Gap Here you can add a gap between your FAQ Items! Make Accordion Enable this option If you'd like to make the FAQs Accordion, with this only one item can be opened at a time, other items will be closed automatically. Open First Item Enable this option, If you'd like to have the First Item opened by default. Enable Schema Support If you'd like to show your FAQs in Google (& Others) Search Results, then enable this option. Use Image If you'd like to use the same Image in the Toggles for all FAQ items, then you can enable this option. A new Panel will appear, where you can add your Image for both states. See In Item settings, If you'd like to have a different image for each item. Animate Toggle Icons Enable this option If you'd like to animate the Toggle Icon when you open/close a Toggle. Toggle Icon Open FAQ Icon Select Icon for the FAQ for Open State here. Close FAQ Icon Select Icon for the FAQ for Close State here. Icon Placement Here you can change the placement of the Icon, If you place it right, It will move the Image to Left (If used) and Icon to right. Toggle Image This Panel will only appear If the "Use Image" option is enabled in the "General" Settings. Open Image Select Image for the FAQ for Open State here. Close Image Select Image for the FAQ for Close State here. Design Options Open State Title Here you can customize the Open State Title font, size, color and weight etc. Close State Title Here you can customize the Close State Title font, size, color and weight etc. Toggle Open State Open Background Color Here you can change the Background Color of the FAQ/Toggle Item - For Open State. Margin Add Margin to FAQ/Toggle Items here If you wish - For Open State. Padding Add Margin to FAQ/Toggle Items here If you wish - For Open State. Else you can customize the Toggle Open State by adding Border, Border Radius & Box Shadow etc. Toggle Close State Close Background Color Here you can change the Background Color of the FAQ/Toggle Item - For Close State. Margin Add Margin to FAQ/Toggle Items here If you wish - For Close State. Padding Add Margin to FAQ/Toggle Items here If you wish - For Close State. Else you can customize the Toggle Close State by adding Border, Border Radius & Box Shadow etc. Image Open State Width Here you can change the Width of the Image- For Open State. Margin Add Margin to the Image here If you wish - For Open State. Padding Add Margin to the Image here If you wish - For Open State. Else you can customize the Image Open State by adding Border, Border Radius & Box Shadow etc. Image Close State Width Here you can change the Width of the Image - For Closed State. Margin Add Margin to the Image here If you wish - For Closed State. Padding Add Margin to the Image here If you wish - For Closed State. Else you can customize the Image Closed State by adding Border, Border Radius & Box Shadow etc. Icon Open State Open Icon BG Color Change the Background Color of the Icon here - For Open State. Open Icon Color Change the Color of the Icon here - For Open State. Margin Add Margin to the Icon here If you wish - For Open State. Padding Add Margin to the Padding here If you wish - For Open State. Open Icon Font Size Change the Icon Font Size here - For Open State. Else you can customize the Icon Open State by adding Border, Border Radius & Box Shadow etc. Icon Close State Close Icon BG Color Change the Background Color of the Icon here - For Close State. Close Icon Color Change the Color of the Icon here - For Close State. Margin Add Margin to the Icon here If you wish - For Close State. Padding Add Margin to the Padding here If you wish - For Close State. Close Icon Font Size Change the Icon Font Size here - For Close State. Else you can customize the Icon Close State by adding Border, Border Radius & Box Shadow etc. Content This is where you can customize the Content Description by changing its font, size, color and weight etc. Advanced Options Use the advanced options to give your Supreme FAQ module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module's visibility on certain devices. Supreme FAQ Item Content Options General Title Here you can Add Title for your FAQ Item. Content Here you can Add Content for your FAQ Item. Use Image If you'd like to use Image in the Toggle for this particular item, then you can enable this option. A new Panel will appear, where you can add your Image for both states. Toggle Icon Open FAQ Icon Select Icon for the FAQ for Open State here. Close FAQ Icon Select Icon for the FAQ for Close State here. Toggle Image This Panel will only appear If the "Use Image" option is enabled in the "General" Settings. Open Image Select Image for the FAQ for Open State here. Close Image Select Image for the FAQ for Close State here. Supreme FAQ Item Design Options Below Styling Options will only apply to this Particular Item and won't be applied to other Items, to have the same styling for all FAQ Items, use Design Options in the Main Settings. Open State Title Here you can customize the Open State Title font, size, color and weight etc. Close State Title Here you can customize the Close State Title font, size, color and weight etc. Toggle Open State Open Background Color Here you can change the Background Color of the FAQ/Toggle Item - For Open State. Margin Add Margin to FAQ/Toggle Items here If you wish - For Open State. Padding Add Margin to FAQ/Toggle Items here If you wish - For Open State. Else you can customize the Toggle Open State by adding Border, Border Radius & Box Shadow etc. Toggle Close State Close Background Color Here you can change the Background Color of the FAQ/Toggle Item - For Close State. Margin Add Margin to FAQ/Toggle Items here If you wish - For Close State. Padding Add Margin to FAQ/Toggle Items here If you wish - For Close State. Else you can customize the Toggle Close State by adding Border, Border Radius & Box Shadow etc. Image Open State Width Here you can change the Width of the Image- For Open State. Margin Add Margin to the Image here If you wish - For Open State. Padding Add Margin to the Image here If you wish - For Open State. Else you can customize the Image Open State by adding Border, Border Radius & Box Shadow etc. Image Close State Width Here you can change the Width of the Image - For Closed State. Margin Add Margin to the Image here If you wish - For Closed State. Padding Add Margin to the Image here If you wish - For Closed State. Else you can customize the Image Closed State by adding Border, Border Radius & Box Shadow etc. Icon Open State Open Icon BG Color Change the Background Color of the Icon here - For Open State. Open Icon Color Change the Color of the Icon here - For Open State. Margin Add Margin to the Icon here If you wish - For Open State. Padding Add Margin to the Padding here If you wish - For Open State. Open Icon Font Size Change the Icon Font Size here - For Open State. Else you can customize the Icon Open State by adding Border, Border Radius & Box Shadow etc. Icon Close State Close Icon BG Color Change the Background Color of the Icon here - For Close State. Close Icon Color Change the Color of the Icon here - For Close State. Margin Add Margin to the Icon here If you wish - For Close State. Padding Add Margin to the Padding here If you wish - For Close State. Close Icon Font Size Change the Icon Font Size here - For Close State. Else you can customize the Icon Close State by adding Border, Border Radius & Box Shadow etc. Content This is where you can customize the Content Description by changing its font, size, color and weight etc. Timeline Item Advanced Options Use the advanced options to give your FAQ Item custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.

Most popular - Divi Supreme - FAQs and Documentation

Most popular results

Divi Read More Extension

Divi Embed Google Map Module

Divi Blog Carousel Module

Divi Image Module

Divi Supreme Button Module

Divi Before After Image Slider Module

Enable SVG Upload in Divi

Divi Library Widget Extension

Divi Caldera Forms Module

Divi Social Share Buttons Module

Divi Image Accordion Module

Divi Supreme Filterable Gallery Module

Divi Shapes Module

How to Solve common issues caused by Cache.

Supreme Progress Bar Module

Supreme FAQ Module

Divi Responsive Viewer Extension

Supreme Step Flow Module

Divi Easy Theme Builder Extension

Divi Breadcrumbs Module