Module 12 of 71
Divi Card that packs it all in.
Image, badge, title, subtitle, text and a button in one module. Stack it or lay it side by side, then add an overlay or a slow zoom.
What is the Divi Card module?
Card is a Divi 5 module in Divi Supreme Pro that combines an image, a badge, a title, a subtitle, body text and a button. It is built for feature grids, services, products, team members and blog teasers.
Choose a stacked layout or an inline one with the image beside the text, set the image width and order, and use the image as a background with a zoom animation. Add a badge in any of 9 positions and an overlay with an icon on hover.
layouts
badge positions
image zoom animations
custom code
Start from a Card recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Card setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Card can do.
Two layouts
Stacked with the image on top, or inline with the image left or right at a width you set.
Image or background
Show the image as is, or as a background with height, size, position and repeat.
Zoom animations
Zoom in, zoom out, or zoom with a slight rotate on hover, at your speed.
Badges
Text and an icon in any of 9 positions, or a custom position, with its own link.
Hover overlay
A colour overlay with an icon, always on or only on hover.
Divi 5 native, WPML ready
Equal height in rows, dynamic content and WPML translation.
Card documentation
Setup for Divi 5: layout, image and background, badges, overlays and button.
Questions about Card.
Next module, A to Z
Card Carousel Module
Related modules
Card Carousel Module
Slide several cards in a carousel.
Flipbox Module
Cards that flip to show a back side.
Stacking Card Module
Cards that stack as you scroll.
Build your next grid with cards.
Card comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.