Techno Wordpress CMSWp themes Plugins BlogInstall Theme Install PluginFree Themes

Divi: Image Module |Latest Divi Theme Documentation

Image module a good and most used Divi module. With the help of Image Module, you can display the image on any WordPress page. Image module is a module of Divi, which gives us the option of design with content. Image module mostly used for all type of website and blogs. A good interface is made by using the image module.

Use of Image Module in Divi Theme is a very easy task.

To insert the module, you have to open to the Divi modules window. , Open a WordPress page edit with divi. Now you have to select one row or column. After selecting the row or column, you have to click on the insert module. On clicking the insert module, will open a window of Divi Modules, from which you have to select image module.



After selecting the image module, you have to set the image module,

divi theme image module

Image Module setting -


Content -
1. Image Image URL: Upload any image you desire, whatever you like.

2.Link Open in Lightbox: - Note: If you select the image in the Lightbox, url options will be ignored.

3.Link URL: - If you click on an image, you will come to the linked URL page.

4. Url Opens: Here you can choose whether or not your link opens in a new window

divi theme image module demo

5. Background: - In the background of the image, you can set a different image or set a color or set any video.

divi theme image module example

Now you have to design the image module,

You have to click on the design.

Design -

1. Image Alignment: Here you can choose the image alignment (Left, Center, Right )


Sizing:- Size for the image

Force Fullwidth:- If Yes SIZE will be full with. YES/ NO

Width:- How much width for the image.

3. Custom Margin: Use custom margin for the image (Top margin, Right Maring, Bottom Margin, Left Margin )  Custom Padding: -Use custom padding for the image (Top padding, Right padding, Bottom padding, Left padding )  Here you can control the corner radius of this element. Enable the link icon to control all four corners at once.

4. Border Styles:- Here choose the border style for the image.

5. Border Width:- How much value for border width.

6. Border Color:- Use the border color.

7. Border Style:- Choose the style for the border.

8. Box Shadow:- Apply the shadow effect for box Shadow.

9. Animation

Animation Style:- Apply the animation on the image - like

None
Fade
Slide
Bounce
Zoom
Flip
Fold
Roll
In this way, you can design an image module.

Image Module Demo -

You have to publish the image module after the customs and design. After publishing you have to go to the same page and see the demo .

divi image module
Free divi theme download free divi latest divi theme version Free divi theme wesbite Divi Installation How To Download Free Divi Theme Divi page builder free divi layouts 2018 free divi plugins free divi theme plugins free divi theme alternative free divi child theme ecommerceDivi Modules

Related Post