Seventh > Cards > Rich text card

Rich text card

The Rich text card block combines media with flexible text content. It supports an image or video alongside text blocks and provides layout controls for alignment, spacing, and width.

What it does

This block displays a card with:

Optional image or video media
Flexible inner blocks (heading, text, button, etc.)
Media position controls (desktop and mobile)
Content width, alignment, and spacing controls
Card styling options (padding, radius, scheme)

Block settings explained

Media

Image

Image shown in the media area.

Video

Video shown in the media area.
Overrides the image when both are set.

Minimal media aspect ratio

Sets the media area aspect ratio.
If the content of the card is larger than the aspect ratio, the card will increase and the media will crop to fill the containing area.

Media position

Left or Right.
Don’t show media hides the media area.

Media position on mobile

Top or Bottom.
Don’t show media hides the media area .
Affects only mobile devices.

Media width

25%, 33%, 50% (default), 75%.

Text content

Text width

Controls the width of the text container.
Options: 50%, 70%, 100% (default).
These options are responsive, meaning that on mobile devices, the smallest will not be 50%, but larger.

Inner content alignment

Aligns content vertically: Top, Center (default), Bottom, Stretch.

Stretch type

Only shown when alignment is Stretch.
Space Between or Space Around.

Card style

Text alignment

Aligns card content (left, center, right).

Inner blocks spacing

Controls spacing between inner blocks.

Padding

Sets the card’s padding (around the card).

Add padding to media

Adds padding around inner media (image or video) blocks. Doesn't refer to card background media.

Remove card background

Removes the card's background (color and gradient), removing also the padding around the card.

Corner radius

Controls corner rounding (only for the main card, not the inner blocks).

Color scheme

Selects the card color scheme.

Common use cases

Brand storytelling

Combine an image or video with text to introduce your brand, values, or mission. Works well for about pages and homepage sections.

Product education

Explain features, materials, or care instructions alongside supporting visuals.

Marketing messages

Use headings, text, and buttons to highlight promotions, announcements, or seasonal messages.

Text-only content blocks

Hide media and use the card as a flexible text container for policies, FAQs, or informational content.