Text

How to add a Text component

Step 1: Add and configure Text component

  1. Add a Text component (see Adding a component for instructions on how to add a component).
  2. Select the Block Settings tab.
  3. Add an optional Page Anchor Link to allow for links to the Text component (see instructions under Linking to page content).
  4. Select the Color Settings tab.
  5. Select a color scheme from the Component Color Scheme menu and review the Component Color Scheme Preview to see the effect of changing the color settings.

Step 2: Add content and save

  1. Select the Content.
  2. Provide a Heading that captures the topic of the Text component content. The heading should be clear and descriptive.
  3. Set the heading level using the Heading Level menu. We recommend using H2 in most cases to introduce a new section, and H3 for subsections.
  4. In the Body area, add content, images, links, quotes, tables, and more within this section (see Text Editor for details about using the toolbar and text input area). Add your content for the Text component in this area.
  5. Once you have finished adding content, choose Save to save the Text component.

What is a Text component?

A Text component is a separate content block with a rich text editor that provides styling options and supports links, tables, inline images and other media.

Text components are often used to provide content outside of the main body of the page. 

A Text component is composed of a heading and a content area that can include formatted text, images, quotes, links, and more.

Screenshot of Text component with callout numbers marking heading, subheading, paragraph, bulleted links, and an image.
A Text component is composed of a main heading (1) and a content area that can contain subheadings (2), formatted text and links (3, 4), images (5), and more (see the example Text component on the Drupal Demo Site).

 


Learn more about the Text component

Examples

Demo Site

See an example of the Text component on the About landing page of the Department of Rocket Science demo site.

Accessibility

Digital Accessibility Website

Review guidance on plain language from the Harvard Digital Accessibility website.

Support and feedback options for HarvardSites Drupal

Submit a ticket

If you encounter any issues or bugs with the HarvardSites Drupal platform, please submit a ticket through the HUIT Service Desk.

Share website feedback

If you have ideas for how to improve the HarvardSites User Guide website, please submit your ideas using our website feedback form.

Design System How-To Guides

Practical guides and how-tos for using HarvardSites features to build engaging, effective websites that support your department’s goals.

AI Support chatbot

Try our new AI-powered support chatbot to answer questions about the Drupal platform.