Banner
Content with Image and Text
Responsive section combining large images or videos with content in flexible proportions.
Overview
The Image and Content section creates visually engaging layouts by pairing large media with text or other content blocks. Media can be single images or videos with responsive sizing options for different breakpoints. The section offers three proportion ratios (50/50, 60/40, 70/30) with content positioned left or right of the media. Both the outer section and inner content box have independent background color controls. When added, placeholder content helps users visualize the layout before adding real assets.
Key Business & UX Benefits
- Pairs large media with text so marketing can tell stories in one block.
- Flexible proportions and content position fit different layouts.
- Section and box background colors support branding and contrast.
- Responsive sizing keeps the section usable on all devices.
Pro-Tip from Larry: Use Content with Image and Text for storytelling blocks so media and copy stay together.
Usage
SectionCmsImageText
Feature List
- Image or video media support with responsive sizing
- Flexible proportions (50/50, 60/40, 70/30)
- Content position (left/right) and alignment options
- Separate section and box background color customization
API Reference
No component metadata found for SectionCmsImageText. Did you mean
LuiCmsImageText?