WHO-IM AND VIDEO CHAT CSS TWEAKS
There are a few folks who have dark background sites on
SocialGO. In such cases, the standard dark transparency of Who-IM
Or Video Chat doesn't stand out strongly. No worries, it's easy to
change the color (and the font size of the text) with some basic
CSS.
Simply take the code below and paste it into the Ads & Custom HTML area of your Admin Center, into the Head and Meta Data box. If you already have CSS in that area, please leave off the <style></style> tags, as you only need those once. Feel free to change the Hexidecimal Color values to something that works for your site (colors shown are really strong for emphasis!)
<style>
div.wl_im_title {
background:#FF0000 none repeat scroll 0 0;
height: 26px
}
#wl_im_message div.wl_im_msg_body, #wl_im_settings div.wl_im_msg_body {
background:#FFFFFF none repeat scroll 0 0;
}
#wl_im_message div.wl_im_action, #wl_im_settings div.wl_im_action {
background:#CECECE none repeat scroll 0 0;
}
#wl_im_message div.wl_im_action, #wl_im_settings div.wl_im_action {
background:#CECECE none repeat scroll 0 0;
height:39px;
margin-top:0;
padding-top:8px;
}
#wl_im_message textarea.wl_im_ta {
background:#000000 none repeat scroll 0 0;
border:medium none !important;
color:Yellow;
font-size:15px;
height:100px;
}
</style>
Simply take the code below and paste it into the Ads & Custom HTML area of your Admin Center, into the Head and Meta Data box. If you already have CSS in that area, please leave off the <style></style> tags, as you only need those once. Feel free to change the Hexidecimal Color values to something that works for your site (colors shown are really strong for emphasis!)
<style>
div.wl_im_title {
background:#FF0000 none repeat scroll 0 0;
height: 26px
}
#wl_im_message div.wl_im_msg_body, #wl_im_settings div.wl_im_msg_body {
background:#FFFFFF none repeat scroll 0 0;
}
#wl_im_message div.wl_im_action, #wl_im_settings div.wl_im_action {
background:#CECECE none repeat scroll 0 0;
}
#wl_im_message div.wl_im_action, #wl_im_settings div.wl_im_action {
background:#CECECE none repeat scroll 0 0;
height:39px;
margin-top:0;
padding-top:8px;
}
#wl_im_message textarea.wl_im_ta {
background:#000000 none repeat scroll 0 0;
border:medium none !important;
color:Yellow;
font-size:15px;
height:100px;
}
</style>














5 Comments
Who-IM was blocked by Ning many months ago. You can "merge" your Ning network with a SocialGO network and migrate over your members, which will get you the functionality if you like, but not natively on Ning.
Here is a video how to:
http://vimeo.com/5411322
Click here to sign up now.