• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Online marker on bottom right corner

[xFv]

Previously Cylent1
#1
Hello!
I am wanting to know after several attempts how to put the online marker on the bottom right corner of avatar (Exact Opposite)
instead of the default location?

Any help is much appreciated!
 

DL6

Well-known member
#5
Try with this:
CSS:
.messageUserInfo .messageUserBlock div.avatarHolder .onlineMarker {
    top: unset;
    left: unset;
    bottom: 9px;
    right: 9px;
    border-bottom-color: rgb(127,185,0);
    border-right-color: rgb(127,185,0);
    border-top-color: transparent;
    border-left-color: transparent;
}
<xen:if is="@enableResponsive">
@media (max-width: @maxResponsiveNarrowWidth) {
.Responsive .messageUserInfo .messageUserBlock div.avatarHolder .onlineMarker {
    top: unset;
    left: unset;
    bottom: 4px;
    right: 4px;
    }
}
</xen:if>
 

[xFv]

Previously Cylent1
#6
Try with this:
CSS:
.messageUserInfo .messageUserBlock div.avatarHolder .onlineMarker {
    top: unset;
    left: unset;
    bottom: 9px;
    right: 9px;
    border-bottom-color: rgb(127,185,0);
    border-right-color: rgb(127,185,0);
    border-top-color: transparent;
    border-left-color: transparent;
}
<xen:if is="@enableResponsive">
@media (max-width: @maxResponsiveNarrowWidth) {
.Responsive .messageUserInfo .messageUserBlock div.avatarHolder .onlineMarker {
    top: unset;
    left: unset;
    bottom: 4px;
    right: 4px;
    }
}
</xen:if>
That did it!
Thank You Very Much.