Promo with Photo

The Promo with Photo block can be used to promote or highlight a key message on a page. To add a Promo with Photo block, click the “+” symbol and search for “Promo with Photo”. Then, select the Promo with Photo block icon.

Editing a Promo with Photo block

The block editor for the Promo with Photo block has fields for a headline, an image, a description, and a link.

Add your heading and description by typing or pasting text directly into the text fields.

The Promo with Photo block with the heading and description fields highlighted in a red box.

Add an image to the block by uploading or selecting an existing image from the Media Library.

Note: We are beginning to build out the foundations for future carousel blocks. At this time, you can include more than one image in Promo with Photo. However, the JavaScript buttons are not available yet so this block will include only a simple scrollbar if multiple images are added. This block functionality is undergoing progressive enhancements over the next few months. We are doing this to make sure that it is backwards-compatible with older browsers and for those who do not have JavaScript enabled.

Change the alignment of the image by using the block toolbar.

The Promo with Photo block with the image alignment options highlighted in a red box.

To add a link, type your desired link text in the link text field. Then, click the link icon to add your URL.

Promo with Photo

Editing a Promo with Photo block

Promo with Photo Examples

Lorem ipsum dolor

Lorem ipsum dolor