Interactive Image Card

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

1. Create/Edit a Page/Post that uses Divi builder.
2. Create/Edit a row.
3. Click on Add New Module option; choose the DP Interactive Image Card module.

Content Options

1. Add Title & Content: Go to the Content tab >> Content >> Title / Content >> Input required text.
2. Add Image & Alt text: Go to the Content >> Image >> Add Image >> Inser the image >> Image Alt Text >> input image’s alternative text.

Design Options

1. How to change the layout: Go to the Design tab >> Layout >> Select Layout >> Choose a layout from available options, Lily, Sadie, Roxy, Bubba, Romeo, Layla, Oscar, Marley, Ruby, and Milo. 
2. Change Border Size & Color of Interactive Image Card’s layouts: Go to the Design  tab >> Layout Settings >> Border Size >> move the slider or input the value >> Border Color >> select any color.
3. How to change the Interactive Image Card layout’s overlay color: Go to the Design tab >> Overlay Color >> Overlay Color >> Select any color.
4. How to apply the gradient on an Overlay:  Go to the Design tab >> Overlay Color >> Enable Gradient >> Yes >> Apply gradient as required.
5. Style Title and Content text: Go to the Design tab >> Title & Content >> Title / Content >> Apply text styling as required.