Adding images with text block

Enhance your Knowledge base site’s home page with the Image with text block, a versatile option that combines text and an image to effectively showcase features, descriptions, or announcements. Unlike the Rich text block, this feature allows you to visually enrich your content with imagery.

Example: Using Image with text block, you can showcase your latest feature and its description with dynamic artifacts in your Knowledge base site’s home page.

Adding an Image with text block

To add a Image with text block to your Knowledge base site’s home page, follow the steps below:

1. Navigate to Settings () in the left navigation bar in the Knowledge base portal.

2. In the left navigation pane, navigate to Knowledge base site > Customize site.

3. Click Customize site to access the design configurations.

4. From the left dropdown, select Home page.
   The Body section will display a list of body blocks.

5. Click Add section and select Image with text.
   The Image with text block is added to the list.

6. Use the Reorder () icon to rearrange elements.

7. Click the Hide () icon to toggle the visibility of elements.

8. Expand the Image with text dropdown to access the Image, Heading and Paragraph elements.

Available options

8. Click the Image to edit the image.

   The Image panel will appear.

9. Click Change to upload or update the image.

10. In the Image tab, enter the image URL or upload one from your Drive.

11. In the Alignment section, select one of the following options:

    1. Left: Aligns the image to the left.

    2. Center: Aligns the image to the center.

    3. Right: Aligns the image to the right.

12. Click Heading to edit the heading content.
    The Heading panel will appear.

13. Enter the desired text in the Heading text field.

14. Use the Text color palette to choose a color for your heading.

15. In the Alignment section, choose an alignment option: Left, Center, or Right.

16. Click Delete to remove only the Heading element.

17. Click Paragraph to add a paragraph text block.

18. Enter your content in the Paragraph text field.

19. Format the paragraph using the following options:

    1. Bold (): Apply bold formatting to text.

    2. Italic (): Apply italic formatting to text.

    3. URL/Link (): Add URLs or hyperlinks within the text.

    4. Unordered list (): Add a bulleted list.

    5. Ordered list (): Add a numbered list.

    NOTE

    Markdown syntax is supported for formatting Paragraph text block.

20. Choose the Text color palette to set the desired text color.

21. In the Alignment section, choose an alignment option: Left, Center, or Right.

22. Click Delete to remove only the Paragraph element.

23. Click Save to save your changes without applying them immediately.

24. Click Preview to see how your changes will appear on the knowledge base site.

25. Click Publish to make your recent changes visible to readers.

26. Click the More () icon and select Reset to published version to discard all saved and unsaved customizations and revert to the last published version.

NOTE

The Reset to published version feature is available only for new Knowledge base site 2.0 projects created after March 29, 2025.