Today we are going to discuss how to move the online indicator for your members to where ever you wish to move it!

The circle in the above image shows you what I am talking about. So being able to move that around at your leisure is a nice thing to have and requires just one CSS edit in Extras.css

So what do we do?

Well log into your admin cp and then go to templates and find your Extras.css

Once you do that we are going to add the following code to the end of our Extras.css:

For orientation in the top right corner you will add this code:

.messageUserBlock div.avatarHolder .onlineMarker
{
    top: 2px;
    right: 2px;
}

For orientation in the bottom right the following code:

.messageUserBlock div.avatarHolder .onlineMarker
{
    top: 112px;
    right: 2px;
}

it was that easy!

So what does it look like?

Top right:

Bottom right:

There you have it!

If you have questions or concerns please feel free to ask away!

Looking for quality XenForo hosting? Check out Arvixe Web Solutions