How do I add text?

How do I add text?

Text

Selecting the Text element will give you five options as detailed in the image below:
  1. Header
  2. Paragraph
  3. Heading with paragraph
  4. Quote Block



The header option allows the user to add a text header to their content, as shown below:
  1. This option adds a large, bold header, ideal for introducing sections or drawing attention to key content. It’s typically used for titles or major headings.



Paragraph

The paragraph option allows the user to add a paragraph of text to their content, refer to the image below:



Heading with paragraph

The Heading with Paragraph option allows the user to add a header and a paragraph to their content as shown in the attached image:

QuoteBlock

The QuoteBlock option allows the user to update the quote with the writer's name

Now Loree brings you three different QuoteBlock presets that users can access by clicking the style of QuoteBlock element from the Text element; that opens up a sub-element preset tray having the following QuoteBlock styles:                        

There is also a BACK option added at the top left side of the sub- element tray that allows users with access to move back to main element tray with ease, as shown below:

QuoteBlock Styles:

Style 1 only allows for a solid border on the left side as shown in the image:


Style 2 provides users the option of adding quote icon only at one side( Left) as show in the image:



Style 3 gives loree users the option of adding quote icon on both left and right side of their content as shown in the image:



Once the user has made the selection, further design options are available, see below.

By clicking the particular column, (similar to selecting a row), it will give you options in the grey menu bar directly above the chosen column. The five options are:

  1. Duplicate
  2. Delete
  3. Copy
  4. Language
  5. Math Equation



Furthermore, the side menu (left) will appear with design options, including:

  1. Space
  2. Background
  3. Border


Space

Margin pertains to the area directly outside of the column. Adding a margin to either the top, bottom left or right will change the border dimensions of the column. All margins are adjustable using pixels as a standard of measure.

Padding pertains to the area directly inside the column. Adding padding to either to top, bottom left or right will move the content within the border of the column. All padding is adjustable using pixels as a standard of measure.


Background

The background option allows the user to change the color of the entire column. Users have the ability to either choose from a color scaling tool or input a specific Hex code or input the specific RGBA code for a color to be applied. Users can also choose the colors from the Global color Palette or from the predefined color groups.

Background now also comes with the Smart Color Picker option that provides a user-friendly alternative to the Accessibility Checker tool for addressing issues related to the contrast ratio of elements. Instead of navigating through the Accessibility Checker icon to resolve color contrast ratio problems, users can now directly check whether the ratio passes or fails.


Border

This design element enables users to add a border to the column selected. Its features include changing the color, width, styling, and radius.

Width sizes are adjustable using pixels as a standard of measure.



Text - Control Menu

Much like many conventional text writers, Loree gives users the ability to change the text based on various text editing options, these include:

  • Style

  • Bold

  • Italic

  • Underline

  • Font

  • Size

  • PT or PX

  • Text Color

  • Background Color

  • Border Color

  • Insert Link

  • Unordered List

  • Ordered List

  • Alignment

  • Clear Format

  • AI Magic Text Editor
  • Word Spacing
  • Word Options
  • Indent Spacing

All other options including Unordered and Ordered list will have a Style option as shown in the below images:


To access the text editing feature, double-click the word or paragraph that you would like to edit.

   To learn more about the AI Magic Text Editor, please refer to:   Release note A2304.5 

                                                                         

                                                                                                                                                          Thank You


    • Related Articles

    • How do I add an image?

      Image The Images option provides multiple pre-defined layouts to easily add images, text, or a combination of both to your page. Selecting one of these options will place the content into the chosen column. Here’s a breakdown of each available ...

    • How do I add and edit a table?

      Tables in Loree help you organize content clearly using rows and columns. You can create, edit, style, and manage tables easily using both table-level and cell-level controls. Adding a Table Steps to create a table Open the Loree editor From the left ...

    • How do I add and edit course elements?

      Learn how to effortlessly add and edit course elements in Loree Design Loree Landing Page Once Loree has been successfully configured, you can access it through Canvas Course Navigations. Simply locate "Loree" on the left-hand side navigation bar, ...

    • Release notes for Loree A2502.3.2

      Published on: 18/07/2025 Feature Enhancements Text Alignment Improvements in Loree We are pleased to introduce two helpful improvements to the text alignment experience in Loree: 1. Text is Left-Aligned by default. From now on, whenever you add new ...

    • Release notes for Loree A2103.7

      Loree Issue fixed in Loree editor Border width is not getting updated on selected text in text options As a Loree user, When we edit add a border to a selected text in a paragraph, and change the width it is not getting changed. This issue has been ...