The Media cards section allows you to display content in a grid of visual cards. It is highly flexible, with specific controls for desktop and mobile layouts to ensure your media looks perfect on all devices.
Number of cards on desktop: Adjust this slider to set how many cards appear in a single row on larger screens.
Desktop spacing: Use this slider to set the gap between individual cards.
Media height: This dropdown controls how the height of the cards is determined.
Hover effect: Choose how the card reacts when a user moves their cursor over it. Options include Blur, Tilt, and None (Available from version 2.1.0).
Make section full width.
Color scheme: Select a predefined Color scheme to quickly change the background and text colors of the section.
Each card within the section can be customized with its own media, overlays, and positioning.
In the Header section, you can add a heading and adjust the text alignment (left, center, or right).
Media Type Toggle: Choose between Image or Video for the card content.
Video Settings: If Video is selected, you can select the video file, add a Cover image, enable a button video control, and provide Video alt text for accessibility.
Image Settings: If Image is selected, you can upload or select a specific image file.
Yes, each card can have unique styling that differs from the main section.
Text Position: Use the Content position dropdown to choose where the text or buttons appear on top of the media.
Readability: Adjust the Media overlay opacity slider to darken the image or video background, making the text on top easier to read.
Specific Colors: Use the block-level Color scheme to override the section's default colors for just that specific card.