How do I add text?

How do I add text?

This element can be used to add text to the page.

Text

 Selecting the Text element will give you five options as detailed in the image below:

  • Header

  • Paragraph

  • Heading with paragraph

  • QuoteBlock

  • Source Format                                                                                                                                                                                              


Header

The header option allows the user to add a text header to their content, as shown below:


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

as shown below:


Now Loree brings you three different QuoteBlock presets that users can access by clicking the above (↑) shown 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:


Refer to the Loree Release Notes, version A2304.3 for more details on QuoteBlock!

Source Format

Source format allows the user to copy text or content from another web page source and paste it into Loree while keeping all the original text and content the same. This allows the user to easily copy and paste content from various sources without having to manually adjust the styling each and every time, if preferred.

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 six options are:

  • Duplicate

  • Delete

  • Copy

  • Language

  • Math Equation

     

To learn more about Math Equation, please refer to our Release note version A2304.5

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

  • Space

  • Background

  • 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.

Kindly refer to Smart Color Picker:Release notes version A2304.5



Border

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

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

  • Line Height

  • 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?

      Images As a Loree Design user, selecting the images option will now give you multiple pre-defined options, which easily add images, images with text, or both in combination. Selecting one of the options below will add the content to the particular ...

    • How do I add and edit a table?

      When you're in Loree, and you want to add a table to your content, just click on the "Table" option in the elements section: It will pop up a friendly little window where you can tell it how many rows and columns you want, and even add some headers ...

    • 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, ...

    • How can I add a divider to the page?

      Divider The divider features allow users to clearly divide pages with either a line or spacing. The line and spacing options are customizable depending on what particular style you desire. The two screenshots below highlight the divider feature ...

    • Release notes for Loree - Canvas A2302.1

      Loree Create custom row Enhancement We have now added an option to create a custom row as a global shared. Earlier Loree users were only able to create a custom row as private and then the admin can make it global via admin dashboard. Now we have ...