XF 2.2 Change online status indicator icon

[Ntown]

I can't figure out how to change this icon. I'd like to make it much smaller, just a dot, really.

 

[mcatze]

Put in the template Extra.less the following code:

.message-avatar-wrapper .message-avatar-online::before { content: "\f192"; }

 

[Paul B]

I wrote a guide for 'random' indicators.

Online indicator based on user ID

Bored with the same online indicator for everyone? Me too, which is why I came up with this. It's a selection of 10 different indicators which are automatically applied based on user ID. Implementation is very simple. It consists of one...

xenforo.com

 

[Ntown]

Put in the template Extra.less the following code:

.message-avatar-wrapper .message-avatar-online::before { content: "\f192"; }

View attachment 233785

Thank you! How could I make it ever smaller than that? About half that size? And maybe put it in the right corner?

 

[MapleOne]

.message-avatar-wrapper .message-avatar-online::before { content: "\f192"; }

Anyone got a code that will work for v2.3.4 ?

 

[Mr Lucky]

Anyone got a code that will work for v2.3.4 ?

.message-avatar-wrapper .message-avatar-online::before
{ .m-faIcon(@fa-var-cheese);
vertical-align:0}

 

[MapleOne]

.message-avatar-wrapper .message-avatar-online::before
{ .m-faIcon(@fa-var-cheese);
vertical-align:0}

am trying to use this one but no luck

<i class="fas fa-circle"></i>

 

[Mr Lucky]

am trying to use this one but no luck

<i class="fas fa-circle"></i>

That isn't what you asked about???

 

[MapleOne]

That isn't what you asked about???

Yeah, your cheese one works perfect but I am trying to have just a solid round green dot like I had before.

Been trying every possible way but no luck

I know the fas fa-circle is real but it wont work inside the code.

 

[mcatze]

Maybe you search for a dot on the FontAwesome Website and change the code snippet..

.message-avatar-wrapper .message-avatar-online::before {
    .m-faIcon(@fa-var-dot-circle);
    vertical-align:0
}

 

[MapleOne]

Maybe you search for a dot on the FontAwesome Website and change the code snippet..

Yeah I tried that one and it's not quite centered on the avatar and looks more like a bullseye.

The fas fa-circle is the best one and weird it can't be used because I had it for years on version 2.2

 

[MapleOne]

<i class="fas fa-{text}" data-xf-init="icon"></i>

You have to incorporate the bolded part above to get SOME font awesome fonts to show up in Xenforo 2.3.

Could the above be incorporated below somehow to get the fas fa-circle to show up?

.message-avatar-wrapper .message-avatar-online::before {
    .m-faIcon(@fa-var-dot-circle);
    vertical-align:0
}