This will change the online status indicator from the default dot to a triangular shaped online status indicator. Simply upload the image into your /icons folder and then add the following into your Extra.css template.
Then venture into the for that specific style Message Elements >> Author Online Status Indicator and ensure you input the settings exactly as the screenshot show below.
Image path @imagePath/xenforo/icons/online-indicator.png (as seen in the screenshot)
Code:
.message .messageUserBlock div.avatarHolder .onlineMarker {
left: 100px;
top: 10px; }
@media (max-width:480px) {
.Responsive .messageUserBlock div.avatarHolder .onlineMarker {
left: 47px !important;
top: 5px !important; }
}Then venture into the for that specific style Message Elements >> Author Online Status Indicator and ensure you input the settings exactly as the screenshot show below.
Image path @imagePath/xenforo/icons/online-indicator.png (as seen in the screenshot)
