XF 2.2 How to online icon change

[hasanakyuz]

How do I do it like in the picture?

 

[Paul B]

This should get you started - add to the extra.less template:

.message-avatar-wrapper .message-avatar-online
{
    left: 12%;
    top: 0;

    &::before
    {
        border-radius: 0;
        border: none;
        content: "\f0c8";
    }
}

You can adjust the styling to suit, use a different font awesome icon, or a completely custom solution.

 

[hasanakyuz]

Thank you