Coming really soon...

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 ..

      ☆♡♤

  • Excellent - thank you!

    A little transparency would look nice.

    • Alex do you transparency on the bars or the whole chat box's ?

      • I was thinking of the whole thing John.

        A little transparency could enhance it.

  • 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.

This reply was deleted.

Latest Activity

Bizz ( John ) replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Hi Jennifer, thanks for posting the message. You might have sent it on my old profile ( the one wit…"
2 hours ago
Ning via Facebook

#Ning #secret #success Do you want to have the secret weapon for growing your online community?…

Ning via Facebook

#Ning #learn #English Learning English or know someone who does? Check out a guide for learning…

Kulvinder Hira is now a member of Ning Creators Social Network
10 hours ago
Kyryl_Ning_Support replied to Ning Support's discussion
Ning Q3 2017 plan!
"Hi there!
Thanks for your willingness to help! 
When all preparations would be made and the trial r…"
13 hours ago
Kyryl_Ning_Support replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"Hi Jennifer,
Unfortunately, there is no text box under the logo where you can put your text easily.…"
13 hours ago
Alliance replied to Ning Support's discussion
Ning Q3 2017 plan!
"I am ready to be the first for the migration script"
14 hours ago
Jennifer Peterson replied to Jennifer Peterson's discussion
How to Make Profile Picture Size Bigger on Profile Page
"This is the message I sent you via my inbox here on creators. Not sure why it didn't go through.
Hi…"
19 hours ago
More…