Icon with text block
A small image or icon placed next to a piece of text, for example a benefit or a feature.
Image
| Setting | Description |
|---|---|
| Image | Icon or image shown next to the text. |
| Image ratio | Shape of the image: Adapt (original proportions), Portrait, Square, Landscape or Custom. Default: Adapt. |
| Custom image ratio | Image height as a percentage of its width. Available only when Image ratio is Custom. Range: 40–160 %, step 2. Default: 100 %. |
| Image width | Width of the image. Range: 16–400 px, step 4. Default: 24 px. |
| Image position | Where the image sits relative to the text: Top, Bottom, Left or Right. Default: Top. |
| Vertical alignment | Aligns the image with the Top or Center of the text. Available only when the image is on the left or right. Default: Center. |
| Gap | Space between the image and the text on desktop. Range: 0–80 px, step 2. Default: 12 px. |
| Gap mobile | Space between the image and the text on mobile. Range: 0–80 px, step 2. Default: 12 px. |
Text
| Setting | Description |
|---|---|
| Text | Text shown next to the image. Supports rich text formatting. Default: Text. |
Typography
| Setting | Description |
|---|---|
| Preset | Text style from the theme typography: Default, Hero, H1–H6, Subheading, Caption, Large text, Paragraph, Small text or Custom. Presets are edited in Theme settings → Typography. Default: Default. |
| Custom font size | Font size on desktop. Available only with the Custom preset. Range: 8–160 px, step 2. Default: 20 px. |
| Custom font size mobile | Font size on mobile. Available only with the Custom preset. Range: 8–120 px, step 2. Default: 16 px. |
| Icon | Decorative icon before the text: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: None. |
| Icon color | Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom. |
| Icon custom | Custom icon color. Available only when Icon color is Custom. Default: #2B62C8. |
| Icon custom dark mode | Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8. |
| Font | Font family: Heading large, Heading small, Body or Accent. Not available with the Default preset. Default: Body. |
| Color | Text color: Heading, Text or Accent. Not available with the Default preset. Default: Text. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Not available with the Default preset. Default: Normal. |
Alignment
| Setting | Description |
|---|---|
| Custom alignment | Lets you set the text alignment separately from the parent container. Default: Off. |
| Text alignment | Aligns the text to the Left, Center or Right on desktop. Available only when Custom alignment is on. Default: Left. |
| Mobile text alignment | Aligns the text to the Left, Center or Right on mobile. Available only when Custom alignment is on. Default: Left. |
Padding
| Setting | Description |
|---|---|
| Top, Bottom, Left, Right | Space around the block on desktop. Range: 0–100 px, step 1. Default: 0 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile | Space around the block on mobile. Range: 0–100 px, step 1. Default: 0 px. |