--- title: "Image Card" url: "https://divitorque.com/docs/info-card.md" canonical: "https://divitorque.com/docs/info-card/" published: "2024-11-03" modified: "2026-07-08" author: "Fahim Reza" description: "Present features in a rich image card with icon and badge. Learn how to add and configure the Image Card module in Divi — settings, options, and tips." tags: - "Modules" --- # 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.