Skip to content

Content Width 50/50

The Content Width 50/50 Block is a two column image and text feature block. It's a versatile block that can be used to showcase two different ministries, events or profiles side by side. The content area of the block also includes a Button Block like section where you can add one or more buttons.

Below are the two variants of the block:

Content on Left, Image on Right

Image on left

Image on Left, Content on Right

Image on right

Initial State

After initially adding the block, you'll be prompted to select an image or upload a new one, similar to the other image based blocks.

example

There are placeholders for:

  • Heading
  • Paragraph
  • 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.

Properties Panel

Click the options (...) button in the block toolbar to open the properties panel. You'll find the following properties available to edit:

PropertyDescription
Title ColorThe color of the Heading text
Text ColorThe color of the Paragraph text
Block ElementsToggle the visibility of the Heading, Paragraph and Button elements
Full WidthToggle on to make the block break out of the content area and fill the entire width of the page. See example below.
Gap SizeAdjust the spacing between the content and the image columns
Space above/belowAdjust the spacing above and below the block

Full Width Comparison

Full Width Example

In the example above, the top image is a full width example. The bottom image shows the default block. The entire block is centered within the content area of the page, evenly split between the content and image columns.

This is also applicable to the Image on Left, Content on Right variant.

Powered by Vitepress.