Add text and an image to the Home page using the Image and text block. This is similar to the Rich text block but also includes an image.

For example, you want to showcase a feature and its description

2_Screenshot-Image_and_Text_section_example1


Adding image with text

  1. From the Knowledge base portal, navigate to "Settings -> Knowledge base site -> Customize site"

  2. The page holds all the fundamental site design configurations

  3. From the "Customize site" page, click "Customize site" again

  4. From the left side drop-down menu, select the Home page

  5. You can view the list of body blocks in the body section

  6. Click the Add section and select the Image with text from the available options

  • The reorder icon ( ) facilitates the rearrangement of elements.
  • Click on the preview icon ( ) to toggle the visibility of elements.

Available options

  1. The Image with text will be added to the list. Open the Image with text drop-down menu, and you can view Image, Heading and Paragraph

Adding the image

  1. Click on the Image, and you can edit the image

    a. An Image navigation bar appears. Click Change to change the image

    b. Under the Alignment section, you have the following options:

    • Left: Aligns the image to the left

    • Right: Aligns the image to the right

Adding the heading

  1. Click on the Heading, and the Heading navigation bar appears

    a. Heading text - To edit the heading text

    b. Under the Alignment section, you have the following options

    • Left: Aligns the text to the left

    • Center: Aligns the text to the center

    • Right: Aligns the text to the right

Adding the paragraph

  1. Click on the Paragraph to add a paragraph text block

    a. Text format: You can format the content of the text block with the below options:

    • Bold: Applies bold formatting to the text

    • Italic: Applies italic formatting to the text

    • URL/Link: You can add a URL or link inside the content of the text block

    • Unordered list: To make a list denoted with bullet points for each item

    • Ordered list: To make a list denoted with numbers for each item

    b. Under the Alignment section, you have the same alignment options as mentioned before

  2. Once you have made changes, click on the Save (💾) icon

3_ScreenGIF-Output_of_the_image_with_text


How will you remove the Image with text block?

  • Click on the Image with text block. The Image with text navigation bar appears

  • Below the navigation bar, you'll find the Delete(🗑) option. Click on it

  • To delete a specific element, select it and click the Delete option

  • A delete confirmation prompt appears. Confirm the deletion by clicking Yes