Resource icon

Online indicator

  • Upgrade Your Account to download resource
    Hello Guest ! Upgrade your account to download from our sections Here.
    How to upgrade your account to download resources Learn More.
    Guest need to read through our rules and regulations Learn More.


Staff member
May 29, 2018
Nitish0123 submitted a new resource:

Online indicator - CSS modification to the XF default online indicator.

This is very simple CSS modification to the XF default online indicator.

In your EXTRA.less template add the following code.

.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid;
    border-left-color: #7fb90087;
    border-top-color: #7fb90087;
    border-right-color: #7fb90087;
    border-bottom-color: #7fb90087;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 3px...
Read more about this resource...

Similar threads

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu

Follow us on Facebook