To add these kind of badges, we’re gonna use some html. Go to Dashboard > Appearance > Menus and select the Primary Menu.
Here is the structure of an item: i (icon) + span (label) + ins (badge)
Exemple:<i class=”cera-icon text-primary cera-file”></i> <span>Pages</span> <ins class=”bg-success”>New</ins>
The html tag has to have a CSS classes to attribute the color. By default, it is the primary color who is used. Note that the label have to be in a span tag to make the badge align to the right.
Here are some exemples ready to use:<ins>New</ins> =
<ins class=”bg-red”>New</ins> =
<ins class=”bg-green”>New</ins> =
<ins class=”bg-success”>New</ins> =