Text

Creating Components

On this page:

Text example

Heading 2

Heading 3

Heading 4

Bold Text 

Italic 

₦

  • Bulleted List
    • Bulleted List
      • Bulleted List
  1. Numbered List 
    1. Numbered List 
      1. Numbered List 

Quote 

Lorem ipsum dolor sit amet duis vel maximus quis dolor vehicula. Convallis sociosqu integer tristique tortor efficitur class habitasse. Efficitur vitae ullamcorper aliquet elementum inceptos sed lobortis odio mollis hymeneal. 

EDI conference break in Geffen Hall, participants walking up the stairs of the courtyard
EDI conference break in Geffen Hall, participants walking up the stairs of the courtyard

Lorem ipsum dolor sit amet duis vel maximus quis dolor vehicula. Convallis sociosqu integer tristique tortor efficitur class habitasse. Efficitur vitae ullamcorper aliquet elementum inceptos sed lobortis odio mollis himenaeos. Congue egestas felis praesent feugiat eu ante non. Duis aptent velit finibus blandit tristique sem eleifend quis sodales. Dignissim turpis sociosqu montes gravida elit malesuada nec tincidunt.

Metus vitae nisi sodales finibus aliquam purus odio laoreet. Dictum adipiscing rhoncus nisl ornare a finibus eget dignissim nulla nibh mi. Est faucibus eu aenean pretium sem consequat. Rhoncus felis congue quam malesuada facilisi neque maximus ac. Fringilla augue sodales vivamus dolor ultricies imperdiet. Donec mi dictumst fringilla hac nunc lacinia quisque luctus.Metus vitae nisi sodales finibus aliquam purus odio laoreet. Dictum adipiscing rhoncus nisl ornare a finibus eget dignissim nulla nibh mi. Est faucibus eu aenean pretium sem consequat. Rhoncus felis congue quam malesuada facilisi neque maximus ac. Fringilla augue sodales vivamus s eu aenean pretium sem consequat. Rhoncus felis congue quam malesuada facilisi neque maximus ac. Fringilla augue sodales vivamus dolor ultricies imperdiet. Donec mi dictumst fringilla hac nunc lacinia quisque luctus.

EDI conference break in Geffen Hall, participants walking up the stairs of the courtyard

Metus vitae nisi sodales finibus aliquam purus odio laoreet. Dictum adipiscing rhoncus nisl ornare a finibus eget dignissim nulla nibh mi. Est faucibus eu aenean pretium 

EDI conference break in Geffen Hall, participants walking up the stairs of the courtyard

sem consequat. Rhoncus felis congue quam malesuada facilisi neque maximus ac. Fringilla augue sodales vivamus dolor ultricies imperdiet. Donec mi dictumst fringilla hac nunc lacinia quisque luctus.Metus vitae nisi sodales finibus aliquam purus odio laoreet. Dictum adipiscing rhoncus nisl ornare a finibus eget dignissim nulla nibh mi. Est faucibus eu aenean pretium em consequat. Rhoncus felis congue quam malesuada facilisi neque maximus ac. Fringilla augue sodales vivamus dolor ultricies imperdiet. Donec mi dictumst fringilla hac nunc lacinia quisque luctus.Metus vitae nisi sodales finibus aliquam purus odio laoreet. Dictum adipiscing rhoncus nisl ornare a finibus eget dignissim nulla nibh mi. Est faucibus eu aenean pretium sem consequat. Rhoncus felis congue quam malesuada facilisi neque maximus ac. Fringilla augue sodales vivamus dolor ultricies imperdiet. Donec mi dictumst fringilla hac nunc lacinia quisque luctus.

 

What is the text component? 

Text is one of the most commonly used components. The Text component is also known as a WYSIWYG Content Editor. This page describes how to use the WYSIWYG Content Editor. 

How to add the text component  

  1. Click the edit link at the top of the page 

    Example of selecting the edit button on a page
  2. Move your cursor where you want to place the component. (Add a section if needed). 

  3. Click the plus icon.

    Example of the plus icon with a red square around the icon

  4. Select Text from the menu.

    Choose a text component

Content 

  1. Add your Text into the WYSIWYG Content Editor.
    Note: Visit this page to learn more about how to use the WYSIWYG Content Editor

    Content text component

Styles 

  1. Toggle to the Styles tab. 

    Example of the Styles option selected
  2. Select the amount of additional space you would like above the component. 

  3. Select the amount of additional space you would like below the component. 
    Note: By default, there is no space below a component.

    Example of the top and bottom margin drop-down section with a red box around it

Save

  1. Click Save.

  2. Scroll to the top of the page and click Save.
     

    Example of the page save field outlined

  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.
     

    Example: of the Done button outlined