XF 2.2 How to online icon change

[hakyangler]

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.

 

[hakyangler]

Thank you

 

[Hareon]

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

View attachment 245300

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

The code "\f0c8" don't work anymore. Wich code can I put to set another icon?

I was using \f007 for a user icon, but is not working for a banner.

content: "\f007";