Image with text overlay

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

Settings
Type
Description

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 H1H6.

Last updated