Skip to content

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:

Initial setup

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:

PropertyDescription
Gap sizeAdjust the spacing between the columns.
Block HeightThe height of the block. Padding will be applied evenly to the top and bottom of the block.
Space above/belowThe space above and below the block.

Powered by Vitepress.