Image sections

Image Sections

Show images side by side, with text, with a text overlay, or in a slideshow.

Image split

Show images side by side.

Settings

  • Left image width on desktop – set the relative size of the image on the left; the image on the right will take up the remaining space

Left image

  • Image
  • Indent image – offset the image with margins on all sides
  • Crop image – automatically crop the image to Landscape, Square, or Portrait aspect ratios
  • Link – choose a link destination
  • Background color – choose a background color from a color scheme (learn more about Color schemes)
  • Caption – set the image’s caption
  • Content position – position the caption over the image vertically and horizontally
  • Text color – choose a text color from a color scheme (learn more about Color schemes)

Right image

Same as above, except:

  • Preserve image aspect ratio – don’t crop the image to match the left image (will result in the background color showing through)

Image with text

Show an image next to some text.

Settings

  • Image
  • Image position on desktop – choose whether the image is positioned on the left or on the right (on desktop)
  • Image size on desktop – set the relative size of the image for (on desktop)
  • Indent image – offset the image with margins on all sides
  • Fit image to text – shrink or expand the image’s height to match the text (on desktop)
  • Background color – choose a background color from a color scheme (learn more about Color schemes)

Content

  • Heading
  • Text
  • Text size – set the text size (learn more about Text sizes)
  • Font – choose between the Body and Heading fonts
  • Text alignment – set the text alignment (left, right or center)
  • Text position – set the text’s vertical position relative to the image (top, bottom or middle)
  • Color scheme – choose a color scheme for the text (learn more about Color schemes)

Call to action

  • Link – choose a link destination
  • Text – set the text for the link or button
  • Style – choose whether the call to action is styled as a button or a link

Image with text overlay

Show an image with a text overlay.

Settings

  • Image
  • Image – mobile – (optional) choose a different image to show on mobile; if left blank, the image set in the previous setting will show everywhere
  • Indent image – offset the image with margins on all sides
  • Height – choose whether to use the image’s natural aspect ratio or make it the full height of the screen (some cropping will occur if set to Full screen)
  • Image focal point – if the Height setting is set to Full screen, adjust how the image is cropped by choosing which part to keep

Content

  • Heading
  • Heading size – set the text size of the heading (learn more about Text sizes)
  • Text
  • Content position – position the text over the image vertically and horizontally
  • Content width on desktop – adjust the size of the content on desktop by setting its maximum width
  • Text color – choose a text color from a color scheme (learn more about Color schemes)
  • Background color – choose a background color from a color scheme (learn more about Color schemes); background color is visible when image is indented

Call to action

  • Link – choose a link destination
  • Text – set the text for the link or button
  • Style – choose whether the call to action is styled as a button or a link

Slideshow

Show a series of images in a slideshow.

Content

You can add up to five image slides.

Image slide

See Image with text overlay above.

Settings

  • Color scheme – choose a color scheme for the text (learn more about Color schemes)
  • Height – make the slideshow full screen or as tall as the first slide
  • Heading size – set the text size of the heading (learn more about Text sizes)
  • Auto-rotate slides – advance through the slides automatically; will show a play and pause button and disable dragging
  • Change slides every – set how quickly slides rotate if auto-rotate is enabled above
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.