Help Center

Menu

Image

Use the image component to combine visual elements with text to give context and alignment within content.

Add the component to your page

When you are editing your page using page-builder:

  1. Optional step. Add a content block to your page by clicking the add_circle button.

  2. Add a component to your page (or the newly-added content block on your page if the optional step above is taken) by clicking the widgets Add component button.

  3. Locate the image Squiz core component within the component browser and then click the select button.

    image component select

  4. This will add the image component to your page.

Configure the image component

image fields

  1. Choose an image that you have already uploaded to the CMS to display.

  2. (Optional) Enter the description that will be displayed for this image.

  3. Specify the image size.

  4. This option is only shown if the Half width option is selected for the image size. This controls the position of the image relative to the description.

Basic example

This image shows an image set to "Half width" and positioned to the left of the text.

image example

You can apply your own CSS styling.