The Aldrich templates include template includes a number of classes that are available for you to use in WYSIWYG content and in your customizations.
...
| Note |
|---|
When working with figure elements, things will turn out weird if the image classes are applied to the nested image element instead of the figure element itself. Be sure select the figure and not the image! → Details: Selecting elements in WYSIWYGs |
Lists
...
Want a stylized list? Simply add the list class to any list element (<ul> or <ol>).
...
| Info |
|---|
Lists can be tricky to select in WYSIWYGs. → Details: Selecting elements in WYSIWYGs |
Panels
Panels help content stand out by applying a border and background color. The base class panel is required here along with a color modifier class.
...
| Info |
|---|
How do I select the blockquote element? → Details: Selecting elements in WYSIWYGs |
Separators
Separators are stylized horizontal rule elements and serve to break up content visually.
...
| Code Block |
|---|
<table class="table table--sortable">
<thead>
<tr>
<th scope="col">...</th>
...
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
...
</tr>
...
</tbody>
</table> |
...