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

Setting	Description
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

Setting	Description
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.

Setting	Description
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

Setting	Description
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

Setting	Description
Content alignment	Aligns the content Left, Center, or Right on mobile.

Section padding

Setting	Description
Top	Customize the top padding of the section (0–100px).
Bottom	Customize the bottom padding of the section (0–100px).

Section divider

Setting	Description
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.