Skip to content
Get Pro

Image Card

The Divi Card module displays information in a clean, card-based format. You can combine text, images, icons, and buttons, making it perfect for showcasing features, services, or products.

Content

  • Use Icon: Enable this option to add an icon to the card, representing the content or category. Disable it if not needed.
  • Select Icon: Choose an icon from Divi’s library to display on the card. This helps reinforce the card’s message.
  • Use Badge: Add a badge to highlight special features, statuses, or offers on the card.
  • Title Text: Enter and style the card’s title to summarize its content.
  • Description: Add a description beneath the title to provide additional context or information.

Button

  • Use Button: Enable this option to add a button to the card for user interaction.
  • Button Text: Customize the button text to communicate the action users will take.
  • Button Link: Set the URL where the button will link. Ensure it leads to relevant content.
  • Open Button Link in a New Window: Enable this option to open the button link in a new tab, keeping users on your site.

Design

  • Button: Style the button’s color, size, border, and hover effects to make it visually appealing and engaging.
  • Card: Customize the card’s background, border, shadow, and spacing for a visually appealing layout.
  • Image/Icon: Adjust the size, color, and alignment of the image or icon on the card.
  • Badge: Style the badge’s color, size, position, and typography to make it stand out.
  • Title & Description: Adjust the typography, color, alignment, and spacing for the title and description text.