Tutoriel Icone "NEW" (non lu du noeud) sous l'icône du noeud

[0x]

Avec ce css, vous pouvez ajouter une étiquette "NEW" en dessous de l'icône du forum non lu.
Ajoutez simplement le CSS à votre fichier extra.less dans l'éditeur de modèles.

.node--unread .node-icon i:after, .node--unread .no-icon i:after {
    font-family: inherit;
    font-size: 13px;
    font-style: initial;
    font-weight: bold;
    line-height: 18px;
    float: right;
    color: #fff;
    background-color: #8BC34A;
    padding: 0px 7px;
    left: 3px;
    margin-top: -6px;
    position: relative;
    border-radius: 2px;
    text-transform: uppercase;
    content: "NEW";
}

Voir la pièce jointe 1557804198313.png

Voir la pièce jointe 1557804207294.png

Comment changer la couleur de fond ?
#8BC34A remplace ce code de couleur par n'importe quel code de couleur

Sur mon forum, il semble un peu haut / bas que faire ?
Pour ajuster sa position, changez la valeur de = left: 3 px; et marge supérieure: - 6 px; selon vos besoins.

Comment changer la phrase NEW ?
Changer simplement, la phrase entre les guillemets : content: "NEW".