Have you considered adding the Ning Chat Box to your home page, but you don't like how much space it uses? This tip code will show you how to:

  • Adjust the Ning Chat Module Height
  • Remove the Ning Chat Module Header
  • Remove the Ning Chat Module Footer

CSS Code:

Add the following CSS to your Advanced CSS via: My Network/Settings/Appearance/Advanced

 

/* Adjust Chat */
.xg_widget_main .xg_chat.chatModule {
font-size: 11px;
/* Height - change below too */
height: 200px!important;
line-height: 21px;
min-width: 460px;
}
.xg_widget_main .main_page_module_chat_v4 > .xg_module_body, .xg_widget_main .module_chat_v4 > .xg_module_body {
/* Height */
height: 200px!important;
}
/* Remove Chat Box Header and Footer */
.xg_widget_main .xj_chat_module div.xg_module_head, .xg_widget_main .xj_chat_module div.xg_module_foot {
display:none!important;
}

 

Let me know if you experience any issues. I tried to make sure this code only changes the Chat Box Module on the home page.

Enjoy!
Jen

Views: 611

Reply to This

Replies to This Discussion

Will this work with IE9 ?

It should. =)

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips