Adding an Informative Label
1. In the unit created, under Add New Component, click on HTML.
2. From the selection list, click on Text. A blank component appears.
3. Within this component, click on EDIT. The component editor appears.
4. Switch to HTML mode; then add the code shown below :
The elements highlighted in bold can be customized: the color of the frame and the text within the frame.
<p style=”background-color: #56849a; color: white; padding: 8px; font-weight: 600; border-radius: 50px; text-align: center;”><i class=”fa fa-info-circle” style=”font-style: normal; margin-right:15px;”></i> To continue, click on the link below.</p>
