50/50 Image & Text
The 50/50 Image & Text
block is a two column component containing an image, heading, text and button in each column. Each part of it is customizable and editable.
Adding the Block
Click the 50/50 Image and Text
graphic in the Add a Block
right side panel to insert the block. A two column component will be added to your page with placeholder content:
There are placeholders for:
- Image
- Heading
- Text
- Button
You can click and edit the Heading
and Paragraph
properties like any other Text Block. Edit and customize the Button
like you would the Button Block.
Click the Choose Image
button to select an image from the Files library or upload one from your computer. Once an image is chosen, you can edit the image, add a link to it or changed the border radius of the image.
Properties Panel
Click the options button (...)
in the block toolbar to open the properties panel
. The properties in this panel are either applied to both columns or effect the containing element for both of the columns. You'll find the following properties available to edit:
Property | Description |
---|---|
Gap size | Adjust the spacing between the columns. |
Block Height | The height of the block. Padding will be applied evenly to the top and bottom of the block. |
Space above/below | The space above and below the block. |