Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
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:
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
Tags:
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Ning.spruz.com in Ning 3.0 Feb 19. 0 Replies 0 Favorites
Started by Evelina in Ning 3.0 Aug 30, 2023. 0 Replies 0 Favorites
Started by Evelina in Ning 3.0 Aug 27, 2023. 0 Replies 0 Favorites
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.