Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Changing Your Chat Bar Colours

I noticed that some creators have mentioned about changing the colours of the new chat bars from gray and black so here is how you can do that using some css

Here is the css you need and you just replace the background colours to what you want, color is the text colour in case you want to change that also.

/*Chat Bar from gray to whatever colour you add*/
.xg_chat .xg_bottomBar {
    color: white;
    background-color:#3e4bab;
}

/* Top Bar When Open From Black to whatever colour you add*/
.xg_theme-ningbar-bc {
    background-color: #8c4d4d;
}
/* Chat Page Bar */
.xg_chat.chatModule .xg_chatWindow .xg_messageListHeading {
background-color: #8c4d4d;
}

Some demo images

Bars when closed

Bars When Open

And In A Page

John :-)

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • Thank you John. We love our little touch ups, don't we. lol

  • NC for Hire

    nice tip... good to see you back Bizz!

  • Thanks Juan ... greetings ... to see if ning integrates this ...

    ___---♤♡♧---___

    • Juan did not go well for me ... I had to remove ... be good ning integrate this ..

      ☆♡♤

  • This reply was deleted.
    • Alex do you transparency on the bars or the whole chat box's ?

  • While on the subject of the chat I found the Direct Messages part which just had search in it a little confusing and that seems to inicate you enter something to search in the chat messages not for searching for the member you want to direct message. So I just went into the language editor and adding the word members after search as now it makes it much clearer what you are searching for.

    • Hey John,

      I went to language editor tonight and I found only one "Search" word by itself. So I added member to it...but it didn't work. Is there something I need to be doing in language editor otherwise? And I did save it before checking chat box. :)

      • Hi Jennifer,

        After you have changed the text in language editor, please save the changes, open the main page and your changes should appear. Also, it's possible that previous version of your text has been saved in cache so you can try to perform a hard refresh or clear cache and cookies files.

        Best regards,

        Ning Team.

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Gavin Brown replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"Thanks Kyryl, I've added you as a developer"
10 minutes ago
Fernando Bisbal replied to Fernando Bisbal's discussion
emails that do not arrive
"It's not a spam issue, we've verified it. If so, can not you do anything to remove NING from spam l…"
47 minutes ago
Matthew Aukai Wright replied to Jen's discussion
Make Your Image Avatars Stand Out On Home Page
"thank you so much kyryl. How can I make the border and stuff rainbow? "
3 hours ago
Matthew Aukai Wright replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"I want it to be the picture of the logged in member above the sign out link in the picture"
3 hours ago
Kyryl_Ning_Support replied to Fernando Bisbal's discussion
emails that do not arrive
"Hi there!
Are you sure that none of our IPs are blocked by those email service providers? It's pret…"
4 hours ago
Kyryl_Ning_Support replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there!
I'm not sure what exactly are you trying to do, where the picture should be added exactly…"
4 hours ago
Kyryl_Ning_Support replied to Jen's discussion
Make Your Image Avatars Stand Out On Home Page
"Hi there!
If you are ok with using this for every avatar on your network, you can use the following…"
4 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"Hi there!
You can add me as the developer of the app so I could take a look what is wrong. To do th…"
4 hours ago
Gavin Brown replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"I have completed the instructions above and made the app live. It's not working yet, I will give it…"
9 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"My pleasure :-)"
21 hours ago
Matthew Aukai Wright replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Thanks so much Kyryl! :) How can I add the members profile picture at the top?"
22 hours ago
Matthew Aukai Wright replied to Jen's discussion
Make Your Image Avatars Stand Out On Home Page
"Hi there Jen I am on ning 3.0 and it is not working for me. Do you think maybe you or somebody can…"
23 hours ago
More…

Meanwhile, you can check our social media channels