Cover card Cover card icon

Act3 Cover card preview

Use case:
Complex card with multiple elements and styles. It has options to add background images on various screen sizes, transparent overlay, labels, text and button. You can add a single card or multiple equal cards in rows and columns. Can be used for almost anything: feature important content, link to resources, showcase products, services, etc.
Also available as a type of content in the Listing module.
Page speed impact:
Low, if not above-the-fold and you are using Link buttons instead of Call to Action buttons.
Medium, if placed above-the-fold or you are using Call to Action buttons instead of Link buttons, especially on mobile.
It also depends a lot on the size of your background image. The smaller it is, the faster the page will be.
Available in pages:
Yes
Reserved block class:
cover-card
Resources:
css/components/cover-card.css

We're working on completing this documentation page. It will be available shortly. Stay tuned!

Meanwhile feel free to drop us a line if you have a question. Please also consult our Support policy.

Coming soon