Skip to main content
  1. Thought Industries
  2. Design
  3. Widgets
  • Updated

About Blocks

  1. Jump to

  2. Use Case Information
  3. Add About Blocks on Layouts
  4. Add About Blocks on Custom Pages

This article explains how to add and customize the About Blocks widget to your instance on Standard Layouts and Custom Pages.

Use Case Information

Create an engaging row of information, complete with icons, background images, and custom text color. The About Blocks widget displays information and can be used to lead your learners to other pages on your site.

Add and Customize About Blocks on Standard Layouts

Adding and customizing About Blocks is very similar on Layouts and Pages. This section explains the process for Standard Layouts.

  1. From your homepage, select Site > Site Builder.
  2. In the left menu, select Layouts. 
  3. Choose from the provided default page layouts.
  4. Select Actions and then Edit from the dropdown.
  5. Click the About Blocks widget and choose your Row Width: 3, 4, or 5 items per row.
  6. Click Add Item to add your blocks.
    AboutBlocksWidget_Layouts_AdminView_GIF.gif
  7. There are several options to customize for each About Block:
    • Title
    • Subtitle
    • Background Image
    • Icon Image
    • Text Color
    • Justification
      • Center, left, or right
    • Link To
      • Options to link to a built-in layout or another url.
  8. Once an About Block is filled out, click Done.
  9. After all the About Blocks have been added, there is an option to enter CSS classes to the widget.
  10. When you're ready, click Save.
    AboutBlocksWidget_CreateWidget_AdminView.png
  11. After saving, edit the widget by clicking the Pencil Icon at the top left of the widget.

Tip

After making updates to your layout design, we always recommend viewing the final product from a learner's perspective to get the full effect.

Add and Customize About Blocks on Custom Pages

Adding and customizing About Blocks is very similar on Layouts and Pages. This section explains the process for Custom Pages.

  1. From your homepage, select Site > Site Builder.
  2. In the left menu, select Pages.
  3. Locate the page that you want to alter, and click Actions, then Design.
  4. Select the About Block Widget and choose your Row Width: 3, 4, or 5 items per row.
  5. Click Add Item to add your blocks.
    Aboutblockswidget_CustomPage_AdminView_GIF.gif
  6. There are several options to customize for each About Block:
    • Title
    • Subtitle
    • Background Image
    • Icon Image
    • Text Color
    • Justification
      • Center, left, or right
    • Link To
      • Options to link to a built-in layout or another url.
  7. Once an About Block is filled out, click Done.
  8. After all the About Blocks have been added, there is an option to enter CSS classes to the widget.
  9. When you're ready, click Save.

  10. After saving, edit the widget by clicking the Pencil Icon at the top left of the widget.

Tip

After making updates to your page design, we always recommend viewing the final product from a learner's perspective to get the full effect.

Related articles