Content blocks, position, and alignment
Overview
Radian sections use reusable theme content blocks so merchants can arrange content directly without wrapping every item in a Text container.
Direct content blocks
COMMON BLOCKS
| Subheading | Adds supporting text above or near a heading. |
|---|---|
| Heading | Adds a heading with width, typography, alignment, and Make font bolder controls where supported. |
| Text | Adds rich text with width, alignment, and spacing controls. |
| Split text | Creates a split editorial text treatment. |
| Icon | Adds an icon using the theme icon system. |
| Button group | Adds one or more actions with shared alignment. |
| Custom Liquid | Adds merchant-authored Liquid or HTML. |
| App block | Adds compatible content from an installed Shopify app. |
Content Text and Group
Content Text remains available in Grid, Custom section, and other containers that need nested content. Group controls the layout and alignment of its own children; section-level Content alignment controls direct content blocks in the section or panel.
Position and alignment
LAYOUT TERMS
| Content position | Moves the entire content group within the available section or panel area. |
|---|---|
| Content alignment | Aligns the blocks inside that group to the left, center, or right without moving the group. |
| Desktop and mobile | Use the separate controls to preserve the intended layout at each breakpoint. |
| Block width | Controls the width of an individual block while keeping its edge aligned with the rest of the content group. |
Position versus alignment
If changing alignment appears to move the entire content group, confirm that you are editing Content alignment rather than Content position.