Docs

Building Blocks

Image + Text

Use this block to pair an image with text—perfect for introducing your breeding program, highlighting a feature, or promoting a specific page. You can choose from multiple layout options to position the image beside, above, or below the text, and include a headline and call-to-action button to guide visitors to learn more.

Info

If you're not sure how to add an Image and Text block to your page, start with the Managing Building Blocks guide. It covers how to create a new block or add an existing one from your collection, as well as how to reorder and remove blocks within a page.

Editing an Image and Text block inside the Breedpost CMS, showing image position, content, call-to-action and more.


Background

Add a background colour to help the content stand out or blend with the rest of the page.


Image

Upload an image to accompany your text. This can help draw attention or visually support your message.


Image Caption

Include a short caption to describe the image or provide context.


Image Position

Choose how the image is positioned:

  • Left
  • Right
  • Centre

Image Width

Control the size of the image within the block:

  • Full – spans the entire width
  • Padding – includes padding for balance
  • Small – reduced size for subtle emphasis

Three stacked image and text blocks with alternating layouts and backgrounds, each featuring a headline, text, CTA, and a full-width image—showcasing how this block can be used to create visually engaging sections with variety and flow. View live on the demo homepage.

A compact layout with the image on the left and reduced width, paired with a heading, text, and call-to-action—ideal for highlighting a team member, a testimonial, or a featured service without taking up too much space.


Headline

Add a heading to introduce the content or highlight a key message.


Content

Use the rich text field to add paragraphs, links, bold text, or other formatting as needed.


Files

Upload PDFs or other files that visitors can view or download—great for forms, flyers, or additional info.


Call to Action

You can choose which type of link your CTA button will use. Select from Page, Individual, Article, or Breeding, and then choose the corresponding item.

Image positioned on the left with balanced padding, creating a clean and spacious feel—perfect for introducing a section or drawing attention to a key message alongside supporting visuals.

Still have questions? Contact us.