How to move the online indicator for users in Xenforo

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


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


Tags: , , , , , , , , , | Posted under XenForo | RSS 2.0

Author Spotlight

Keith Pottratz

Hello My Name is Keith Pottratz. I have been working with computers for over a decade. It's my personal hobby something that I love and enjoy doing. I went to school for Computer Science, and have spent many years self teaching my self various things. I have ton's of experience in HTML,CSS, PHPBB,CPanel,CMS software, blogging software and various other systems and enviroments. My favorite thing to do though is backend developing. I find it to be a growing and ever evolving beast and I love learning about it. I look forward to giving as much knowledge as I can and help.

Leave a Reply

Your email address will not be published. Required fields are marked *