Node Unread status under node icon

Node Unread status under node icon


Well-known member
hemant_bhardwaj submitted a new resource:

Node Unread status under node icon - unread node icon with css only

with this css, you can add a NEW Label below unread forum icon

.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";

Read more about this resource...

Pierre Boulanger

Active member
Is to possible for the node unread status to be placed not under but beside the thread title?
How can I place in the exactly center the text "new"?


Many thanks
Last edited: