Leaderboard

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.

Example: Let's go to the code: HTML Add this on your userPhoto or userPhoto2, it depends on whether you use it or not, in my case is userPhoto2, between edge of tag </a> and {{else}} this code: <!-- On-Off start --> {{if $member->isOnline()}}<span title="Online" class='statusPost onP'> </span>{{else}}<span title="Offline" class="statusPost offP"></span>{{endif}} <!-- On-Off ends --> Like this: CSS Go to Custom CSS and add this code: .statusPost{ width: 12px; height: 12px; border-radius: 12px; float: right; position: absolute; margin-left: -25px; margin-top: 10px; } .onP { background: #00ff00; box-shadow: 0px 0px 2px 2px #3e9c0a; } .offP { background:red; box-shadow: 0px 0px 6px 4px darkred; } You can use some keyframes to animate the shadow, but it's your preference.