Description
Two images are displayed side by side on desktop and mobile, with the option to stack them on mobile. This block has no other elements, such as text. It is just image-based, but nonetheless extremely useful. The basic two-image block can stack or sit side-by-side on mobile using a toggle. Images and links are editable.
Default block view
Desktop | Mobile |
|---|---|
 |  |
Formatting options
Padding
This refers to the space between the block's content and its border. This can be edited in the Details Tab.
Option | Details | Default |
|---|---|---|
Padding | Top | 10 |
Right | 10 | |
Bottom | 10 | |
Left | 10 |
Stack Mobile Images
Use the toggle to set the image to stack in the mobile view or leave them side by side like the desktop view.
Option | Details | Default |
|---|---|---|
Mobile Images | Stack Mobile Images | Hide |
Block Background Color
Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.
Option | Details | Default |
|---|---|---|
Background Color | Block Background Color | #ffffff |
Space between Two Images
Choose to increase or decrease the space between the two images when they are side by side in desktop view.
Option | Details | Default |
|---|---|---|
Space between Two Images | Space between two images | #ffffff |
Links
Add links to the images via the fields in the Details Tab.
Option | Details | Default |
|---|---|---|
Links | Image 1 Link | Blank |
Image 2 Link | Blank |
Space between two Images
To increase or decrease the spacing between the images when stacking, edit the option in the Advanced Tab.
Option | Details | Default |
|---|---|---|
Space between two images | Mobile Space between 2 images | 10 |
Compatibility
There are no known render issues with this block.