Portal
Umbraco Backoffice Documentation

Text Blocks

Text block page components serves as a way to create text content on the page. There are 3 text block page components to choose from:

  1. Headline - the main title of the page.
  2. Rich Text - a text block with text formatting options.
  3. Accordion - UI component with headers and collapsing content.

Text Color

Text color in the text blocks change automatically based on the background color. The text color is made with accessibility in mind, so that the text would have enough contrast to the background color for people to read it easily.

While most colors are accessible, tombola teal background with white text is not accessible. That's why it's important not to put any normal text inside the section with tombola teal background color. White text on tombola teal background is accessible only when the text is above 18px, thus, only headings are allowed in the tombola teal section.

Text examples with every possible background color:

Please use only Headings in the section with tombola teal color - H2

Please use only Headings in the section with tombola teal color - H3

Please use only Headings in the section with tombola teal color - H4

Please use only Headings in the section with tombola teal color - H5

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Content Header

Text with a link and some bold, italic and underlined text.

A numbered list.

  1. One.
  2. Two.
  3. Three.

Heading one

Heading two

Heading three
Content one Content two Content three

Accordion

Previous section:

Page Components

Next section:

Headline