How To Change Members List 'Online' Icon

[Debbie]

How to change Ning's default 'Online' icon on the Members List page:

Add your icon image url in the code below, copy the complete code and add it to your network 'Advanced' box.  Don't forget to adjust the 'width' and 'height' to match your icon image width and height.

/**Online Icon**/
div.member_item .online {
background: url(YOUR ICON IMAGE URL GOES HERE) !important;
width: 24px !important;
height: 24px !important;
}

[solo]

thanks..maybe change your posting from how to..to maybe"would you like..nice tip

[Debbie]

Thanks, Solo, for your suggestion. :)  My topic discussion is about 'how to' instead of 'would you like.'

[Scott Bishop]

Just wondering; does this change your live "chat" icon too?

[Debbie]

Hi Scott :)

No...the icon change only effects the member 'online' icon on your members list.

[Shesh Dhar Tiwari]

Good one but working on Members List page only.......still cool tip. Thanks ...

[Debbie]

A new discussion topic on how to change Member Profiles 'Online' icon.  Click the link below.

How To Change Member Profiles 'Online' Icon