Images with text

Images with text pairs a heading, a description and a button with a few images: one on each side of the text, all on one side, or in a row below it. Use it to introduce your brand or a collection.

Find it in the editor

In the demo it is on the About page. To add it to any page, click Add section and choose Images with text. Each picture is an Image block inside it.

Section settings

General

Setting	Description
Color scheme	The colors of this section. Schemes are edited in Theme settings → Colors.

Layout

Setting	Description
Layout	Images either side of the text, Images on one side, or Images below the text.
Image side	Puts the images on the Left or Right. Shown when Layout is Images on one side.
Image height	Small, Medium or Large.
Offset the images	Sets the two images at different heights, for a livelier layout. Shown when Layout is Images either side.
Parallax effect	The offset images move at different speeds as the page scrolls. Shown when the images are offset.

Section header

Setting	Description
Subheading	A short line above the heading, with a small dash beside it.
Heading	The heading. Leave it empty to hide it.
Heading size	Medium or Large. Shown when the heading has text.
Backdrop word	A large outlined word behind the heading. One short word works best; it sizes itself to fit.
Description	The text under the heading.
Alignment	Aligns the header to the left, center or right.
Alignment on mobile	The alignment below 768px. Same as desktop keeps the alignment above.
Header width	How wide the heading and description may run: Narrow, Medium, Wide or Full width.

Button

Setting	Description
Button label	The button's text. Leave it empty to hide the button.
Button link	The page it opens. Shown when it has a label.
Button style	Solid or Outlined. Shown when it has a label.
Alignment	Aligns the button to the left, center or right. Shown when it has a label.
Alignment on mobile	The alignment below 768px. Same as desktop keeps the alignment above. Shown when it has a label.

Section spacing

Setting	Description
Use custom spacing	Gives this section its own top and bottom spacing. Off, it uses Section spacing from Theme settings → Layout.
Top spacing	Space above the section (0–200px). Phones get 60% of it and tablets 80%. Shown when Use custom spacing is on.
Bottom spacing	Space below the section (0–200px). Phones get 60% of it and tablets 80%. Shown when Use custom spacing is on.

Blocks

Image

One picture. Add pictures with Add Image under the section in the sidebar. Two suit Images either side; more fill a row in the other layouts.

Setting	Description
Image	The picture (900 x 1200px recommended).