Text & Heading

Note: This article applies to Free Trial accounts created on or after 16 December 2024 and Website, Website+Marketing and eCommerce packages created on or after 18 December 2024. If your accounts were created before these dates, please refer to the article Elements Management.


Headings are essential tools for structuring your content. By establishing a visual hierarchy, you can emphasize key points and improve readability. A well-structured hierarchy helps you achieve your website's goals: raising awareness, educating your audience, or driving conversions.

The site's content is built on the principle of a hierarchy of elements - from largest to smallest. It consists of:

  1. Banner Text: The largest and most prominent heading for main titles and important announcements.
  2. Main Heading: A significant heading used to introduce major sections or topics.
  3. Heading: A standard heading used to divide content into smaller sections.
  4. Small Heading: A smaller heading used to introduce subsections or subtopics.
  5. Subheading: The smallest heading used to label specific points or lists.

Adding Text or Heading

Option 1

  • Hover over the desired section and click Add Element:

  • Choose the element from the modal that appears:

  • After you choose the element from the list, drag it to the desired section and drop using the grid.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing Text or Heading

Please refer to the Elements Management (New Grid) article to learn more about moving and duplicating elements.

Customizing Text or Heading

To edit, duplicate or delete the Text or Heading element, click on it and switch between the buttons that appears in its toolbar:

Editing Heading 

Click Heading element and choose the Edit button that appears in its toolbar or highlight the text you want to change:

  • AI Writer. Click the AI Writer button and enter the Post Topic to generate a new heading and click Write My Idea.
  • Style. Make the selected text bold, italic, underlined, or strikethrough.
  • Heading. Choose the heading variation: Banner Text, Main Heading, Heading, Small Heading, or Subheading.
  • Align. Align the text element to the left, right, or center.
  • Link. Add a link to a page (and select a page), anchor (page and section), URL, file, email address, or phone number. You can also turn on the toggle to open a link in the new tab.
  • Font. Select font, style, and format.
  • Size. Choose a font size and line height.
  • Color. Select the heading color and its opacity by clicking the Square icon.
  • Clear Format. Click the button to clear the format of the selected heading.

Editing Text

Click a Text element and choose the Edit button that appears in its toolbar or highlight the text you want to change:

  • AI Writer. Click the AI Writer button and enter the Post Topic to generate a new text and click Write My Idea.
  • Style. Make the selected text bold, italic, underlined, or strikethrough.
  • Align. Align the text element to the left, right, or center.
  • Link. Add a link to a page (and select a page), anchor (page and section), URL, file, email address, or phone number. You can also turn on the toggle to open a link in the new tab.
  • Bloquote. Turn on the bloquote button to present your text as a quote.
  • Paragraph. Turn on the paragraph button to present your text as a paragraph.
  • List. Select the bullet style, bullet color, and the offset size.
  • Font. Select font, style, and format.
  • Size. Choose a font size and line height.
  • Color. Select the text color and its opacity by clicking the Square icon.
  • Clear Format. Click the button to clear the format of the selected text.

Tip: You can set the Font Theme settings to customize the font styles to match your preferences. These font settings are global and apply to all website pages. Please refer to the Theme: Fonts article to learn more.

Aligning Text or Heading

  • To align the element, click on it and choose the Align button that appears in its toolbar:
  • Align the element:

Duplicating Text or Heading

  • To duplicate the element, click on it and choose the Duplicate button that appears in its toolbar:

  • The duplicate of the element will appear immediately:

Deleting Text or Heading

  • To delete an element, click on it and choose the Remove button [Bin] that appears in its toolbar:

  • The element will be immediately removed.