Search Divi Plus Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

Interactive Image Card

interactive-image-card

How to Add Interactive Image Card Module to your webpage

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.
divi-interactive-image-card

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, LilySadieRoxyBubbaRomeoLaylaOscarMarleyRuby, 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.
Was this article helpful?
4.5 out Of 5 Stars

1 rating

5 Stars 0%
4 Stars 100%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Previous Image Card Carousel
Next Masonry Gallery