Text with icon

Texts with icons fall into the category of infoboxes. Infoboxes are elements for structuring websites and allow certain page content to be highlighted .

Instructions

  1. First, a new content element must be created under the Text "Infobox" tab

2. if a box with an icon has been selected, the icon can be selected individually in the "General" grid. Preview of all icons.
3. a heading must also be assigned and a text added.

Example

Info box with icon

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

An info box is often placed in a grid element so that it can be displayed in a space-saving manner. To do this, a grid element must first be created in the appropriate place (see instructions for grid elements).

Infoboxes should...

  • To be usedsparingly .
  • Include red only as a signal color.
  • Do not include too much information.

You are in self-study and would like to go to the training start page, then click on TYPO3 self-study for beginners part 1.

You are currently in self-training, then click on Exercise - Text with icon to continue.

Exercise - Text with icon