Basic Image component

The Basic Image component can display an image along with the associated text. It has four layouts:

Image on Top

The image occupies about 75% of the container and is located above the Title, Sub Title, and Caption.

Image on Right

The image occupies about 50% of the container and is located to the right of the Title, Sub Title, and Caption.

Center Image

The image occupies about 75% of the container. The image, Title, Sub Title and Caption are all centered.

Full Image

The image occupies about 100% of the container and is located above the Title, Sub Title, and Caption.

To load the component

To load Basic Image component onto the page:

  1. Open Side Panel if closed, and then click on Components tab
  2. Drag and drop the Basic Image component.

To configure the component and add an image

  1. Click on the loaded Basic Image to display the Edit bar
  2. Click on the Configure icon (wrench) to open the Configure Panel.
  3. Open Side Panel (if closed), and then click on the Assets tab.
  4. Search or navigate to the image you want to add.
  5. Drag and drop the image to the Drag & Drop Image field.
  6. Fill in all the necessary fields.
  7. Click the Done icon (checkmark) to save

To find out about the best image size for the Basic Image component, please consult the Recommended Image Size page.