Image with text overlay
Display an image with a heading, text, and button overlaid for promotional or informational emphasis.

Column width
range
Width of the column – desktop only.
Image
Image
image_picker
Upload image (1400 x 1400px .jpg recommended).
Image width
range
Width of the image.
Desktop aspect ratio
range
Image aspect ratio on desktop.
Mobile aspect ratio
range
Image aspect ratio on mobile.
Image shape
select
Shape style: Normal
, Circle
, Rounded
, Blob one
, Blob two
, or Blob three
.
Typography
Heading
text
Heading text overlay.
Heading size
select
Heading font size: Mini
, Extra small
, Small
, Medium
, Large
, or Extra large
.
Text
richtext
Descriptive text overlay.
Text size
select
Font size for text: Extra small
, Small
, Medium
, Large
, or Extra large
.
Alignment
select
Position of overlay text and button within the image.
Button
Text
text
Button label text (leave blank to link entire image).
Link
url
URL for button or linked image.
Color
select
Button color style: Black
, White
, Primary
, or Secondary
.
Style
select
Button style: Solid
, Outline
, or Text
.
Show arrow
checkbox
Display arrow icon in button.
Colors
Text
color
Color for overlay text.
Overlay type
select
Overlay style: Disabled
, Opacity overlay
, or Text underlay
.
Advanced
Heading SEO tag
select
HTML tag for heading: Automatic
or H1
–H6
.
Last updated