33/33/33 (Thirds) Image and Text

The 33/33/33 (Thirds) Image and Text Block is an evenly split three column component with an introductory title and description area above the columns. Each colum in the block includes an image, title, and content elements.

Insert the block by clicking on the 33/33/33 Image and Text graphic in the Add a Block > Columns panel.

Initial State

Below is an example of the initial state of the Thirds Image and Text Block.

Click within the Block title and Block description to edit these fields like any text block element.

Image Options

Click the Choose Image button on each image placeholder to choose an image from your media library or upload a new image. Once loaded, you can access more image controls by clicking the image you've just updated.

The image toolbar includes options for choosing another image, adding a link to the image, updating the height and adding rounded corners to the image.

Properties Panel

Click the (...) options button in the block toolbar to access the properties panel. Properties available for editing include:

Property	Description
Background color	The background color of the entire block. The background of this block stretches the full width of the page.
Title color	The title color of the entire block.
Description color	The description color of the entire block.
Title and description	Controls the title and description color within each column.
Block Elements	Toggle the visibility of the block Heading, block Description, column Title and column Descriptions.
Image Height	Adjust the height of the column images. Applies to all images.
Gap Size	Adjust the size of the gap between the columns.
Block Height	Adjust the block height. Applies extra height equally to the top and bottom of the block.
Space above/below	Adjust the space above and below the block, between itself and surrounding blocks.

Full Example