How To Adjust Chat Box Height On Home Page

How To Adjust Chat Box Height On Home Page

Here's the code that will enable you to adjust the height of the Ning Chat Box when you have installed it on the home page. The Signed-out code is optional. Keep in mind: when you make edits to your CSS on a Ning site, it takes up to 20 minutes for Signed-out edits to be reflected.


Adjust this code to suit your needs, and add to:
My Network/Settings/Appearance/Advanced CSS


/*Adjust Chatbox Height*/

#appletContainer {
height:318px;
}

.xg_widget_main_index_index #chatSwf {
height:310px;
margin-bottom:0.5em;
}

.xg_widget_main_index_index .module_chat embed {
height:310px;
margin-bottom:0.5em;
} 
/* Remove Chat xg_module_head Title */
.xg_module_head.xj_head {display:none!important;}
/* End Chatbox Adjustments */


/* When Signed-out - optional */
.xg_widget_main .xj_chat_module {height:310px!important;}
.module_chat .signed-out {top:120px;}
 

/* Add black border to Ning Chat  - optional */
.xg_module_body.body_right {border:1px solid #000000;}
/* End Chatbox Adjustment */

 

 

Enjoy!

Jen

Tags: adjust ning chat, chat, chat box, chat height, chat size, chatbox height, ning chat, ning chat height, ning chat size

Views: 96

Replies to This Discussion

Permalink Reply by Damen on February 13, 2010 at 11:51pm
Cool! thanks Jen.

Damen
Permalink Reply by JenSocial on February 13, 2010 at 11:57pm
Glad you like it!

We actually need to thank Vaqz of Ning For Dummies.

He worked on a project for me, and came up with this code.

;-)
Permalink Reply by Administrator JenSocial on February 14, 2010 at 1:03am
Thanks Jen
Permalink Reply by Help Moms Stop The Murders on February 25, 2010 at 3:09am
Thank you..This is a great tip
Permalink Reply by JenSocial on February 26, 2010 at 11:02am
Glad you like it!
:-)
Permalink Reply by ANOINTED FIGHTER on November 24, 2010 at 12:00pm

How do you make the Chat box black?

 

Thanks!

 

Danny White

Anointed Fighter

Permalink Reply by JenSocial on November 24, 2010 at 1:26pm

Hi Danny,

I don't think that's possible, since it's a flash module.

Best,

Jen

Permalink Reply by ANOINTED FIGHTER on November 24, 2010 at 1:48pm

Thank you for your quick response Jen!  

 

Danny White

Anointed Fighter

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips