JenSocial: Social Web Directory and Ning Tips
Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
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
Replies to This Discussion
-
Permalink Reply by JenSocial on
-
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 -
Thanks Jen
-
-
Permalink Reply by Help Moms Stop The Murders on
-
Thank you..This is a great tip
-
-
Permalink Reply by ANOINTED FIGHTER on
-
-
-
-
Hi Danny,
I don't think that's possible, since it's a flash module.
Best,
Jen
-
-
-
-
Welcome to
JenSocial: Social Web Directory and Ning Tips
Latest VIP Ning Tips!
Hover Links for Preview
» shhhh, Huge Ning Designer Secret - - Insert Simple HTML at Top of List Pages: Blogs, Events, Forums, Groups, Photos, and Videos.
» Make Home Page Photo Module Stand Out
» Professional Splash Page Template (Landing Page) - Pro Accounts
» Beautiful Coda Content Slider for Ning Networks
» Move Group Pages Module To Top
Blog Posts
Hi Everyone!
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Message from Ning CEO - January 4, 2017
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
New Ning 3.0 Feature! Add Slideshow to Photo Module
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Good Riddance Mode Media! Exciting News About Ning + Cyndx LLC
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Ning RAISING RATES for Ning 2.0 sites
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Latest Ning Tip
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Discussion Forum
Mp3 player for Ning 3.0 - created by me
Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies 0 Favorites
Add Member Account Box Links/Notifications to NingBar and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)
Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies 4 Favorites
Add Footer like Creators.ning.com (Great example of a JenSocial VIP Tip!)
Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies 1 Favorite
© 2024 Created by JenSocial.
Powered by
