Profile Avatar online/offline Icon

[kurtisblow]

Hi,
how can I show the online/offline icon for the item-header-avatar? There is something in default.css in custom_buddypress implemented for the search-item .avatar

COPY CODE

#members-list .search-item .avatar {
 position: relative;
 overflow: visible !important;
}
.avatar span.online,
.avatar span.offline {
 position: absolute;
 display: block;
 top: 2px; right: 2px;
 z-index: 10;
 content: ' ';
 width: 16px;
 height: 16px;
 border: 3px solid #fff;
 border-radius: 50%;
}
.avatar span.online {
 background: #33cc33;
}
.avatar span.offline {
 background: #cccccc;
}

, but I dont get it how to do that for the item-header-avatar.

Best regards:
Kurt

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Andrei]

Can you please let us know where you want to see this status indicators more exactly ? Can you please provide us a screenshot with the exact location ?

Looking forward.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts