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.

Latest Activity

Kyryl_Ning_Support replied to Bizz ( John )'s discussion
Multiple choice poll- how to make the selections stand out better
"Nice tip, John!"
1 hour ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Hi Kos,
I have tried to reproduce this issue on my PC but no luck with that. Could you please share…"
1 hour ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Thanks, I have updated the suggestion with your notes :-)
When I would hear something about this I'…"
2 hours ago
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion
SSL certificate feature release
"Hi there!
If you mapped your domain, in that case, yes, it's not the only thing you should do. The…"
2 hours ago
Robert Martin, waimaoniu, Brawen and 50 more joined Ning Creators Social Network
3 hours ago
Ning via Facebook

The best 23 articles about social media are here for you! Follow the link and read them all!…

Kos replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"To be honest, I think it depends on the SIZE of the network and how heavily they use Chat.  I think…"
16 hours ago
Mary Adams replied to Kyryl_Ning_Support's discussion
SSL certificate feature release
"There is now a check box in my Ning 2.0 site  to use SSL. I imagine that I don't just check the box…"
17 hours ago
Ning via Facebook

Your blog HAS its voice! And you have outstanding chance to make it awesome. Begin with these…

Kos replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"No, not really although I will say, when I initially open chat, the chat screen is blank and I have…"
18 hours ago
Kyryl_Ning_Support replied to Suzie Nielsen's discussion
Anyone else having the following issues
"Hi Suzie,
If it's necessary you can disable Captcha in Network Details section. At the very bottom…"
yesterday
Anam replied to Kyryl_Ning_Support's discussion
Overview of Q3 and Ning Q4 2017 plan.
"Oh right, I get it, that's a bug. Did not know that."
yesterday
More…

Meanwhile, you can check our social media channels