Help Center

Menu

Inset text

Use the inset text component to differentiate a block of text (such as a quote or example) from the content that surrounds it.

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 inset text Squiz core component within the component browser and then click the select button.

    inset text component select

  4. This will add the inset text component to your page.

Configure the inset text component

inset text fields

  1. Enter the inset text’s content.

Basic example

The image below shows a basic example of an inset text.

inset text example

You can apply your own CSS styling.