Image with text
The Image with text section combines an image with a flexible content column built from blocks, letting you pair a visual with a heading, description, button, and more.
Example: https://purity.nextsky.co/products/anti-aging-serum
Section settings
General
Section width
3 options for the container width:
Fixed width: matches your page content width in Theme settings -> Layout.
Stretch width: spans the width regardless of screen size.
Full width: takes up the entire width of the screen.
Color scheme
Select colors from Theme settings -> Colors.
Image
Image
Upload the image (696px x 500px recommended).
Image ratio
Aspect ratio of the image:
Adapt to image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Image width
Width of the image column on desktop (40–70%). Automatically optimized for mobile.
Desktop image position
Places the image to the Left or Right of the content on desktop. The image is shown above the content on mobile.
Image caption
A small caption card that overlays the image.
Heading
The caption heading.
Description
The caption description.
Position
Where the caption sits on the image: Top left, Top right, Bottom left, or Bottom right.
Color scheme
Select colors for the caption from Theme settings -> Colors.
Content settings
Background type
Use a Color or an Image as the content background.
Background image
The background image (visible when Background type is Image).
Background color
The background color (visible when Background type is Color).
Desktop vertical alignment
Aligns content Top, Middle, or Bottom on desktop.
Content alignment
Aligns the content Left, Center, or Right.
Column gap
Space between the columns: No gap, Small, Medium, Large, or X-Large.
Padding inline
Left and right spacing inside the content (0–100px). Automatically optimized for mobile.
Padding block
Top and bottom spacing inside the content (0–100px). Automatically optimized for mobile.
Mobile layout
Content alignment
Aligns the content Left, Center, or Right on mobile.
Section padding
Top
Customize the top padding of the section (0–100px).
Bottom
Customize the bottom padding of the section (0–100px).
Section divider
Show divider
Displays a dividing line to separate this section from the previous one.
Block settings
Build the content column from blocks. This section supports: Heading, Heading highlight, Subheading, Highlight text, Description, Button, Countdown timer, Citation, Detail list, Metrics, and FAQs, plus any compatible app block.
See the Heading, Citation, Detail list, Metrics, and FAQs block pages for their settings.
Last updated