Text with Icon

Texts with icons fall into the category of info boxes. Info boxes are elements for structuring web pages and allow highlighting certain page content.

 

instruction

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

2. if a box with an icon was selected, the icon can be selected individually in the "General" grid. Preview of all icons.
3. Furthermore, a heading must be assigned and a text must be 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.

A DIV 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 at the corresponding position (see Anleitung Raster-Elemente). 

 

DIV boxes should...

  • Used sparingly.
  • Include red only as a signal color.
  • Do not include too much information.

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

 

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

 

Exercise - text with icon