Adding A Background Image to Chats

[Bizz]

This was asked from JAIME DIAZ SALAZAR who wanted to know if a background image could be added to the chat windows like this

So here is how you can do it

First you need the images you want to use then add it to your file manager in your Social Site Builder

Next you will need to copy the link to the image ready to be added to css code

That line you will need to add in the css where it says insert image link

So here is the css which you will need to add to your design studio custom css

 

.xg_chat.chatFooter .xg_chatWindow ul.xg_messageList, .xg_chatWindow ul.xg_messageList, .xg_chat.chatModule .xg_chatWindow {
background-image: url(" insert image link here ")!important;
background-position: top center;
background-size: initial;
background-repeat: repeat;
}
.xg_chat.chatModule .xg_userWindow, .xg_chat.chatModule .xg_chatWindow .xg_messageListFooter{
background-image:none!important; background-color:white!important
}
.icon-closeChat::before{
color: darkred!important
}
.xg_chat .xg_messageList > li .cht-state {
color: darkred!important
}

/** NEW LINE FOR THE SENDER WHO SENT IT TEST COLOUR CHANGE THE COLOUR TO WHAT YOU NEED FOR IT TO STAND OUT AGAINST YOUR BACKGROUND **/

.xg_chat .xg_messageList > li > ._sender { color: #1c0303 }

 

[Bizz]

I've tested this on my themes as well so the backgrounds change depending on the theme used, so for instance if I visit my page or another members page who are using the thrones theme they get the stark banner image in the chats like this

Go to a members who is using the Steampunk theme they get a steampunk image in the chat. The default image shows for anyone not using a theme.

[Alex - Rosas † Negras]

Bizz 

thank you so much

[Bizz]

No worries, by the way here is another line to add so you can control the color of who sent the message as can get hidden in the background image. You just edit the colour for the text colour you want.

.xg_chat .xg_messageList > li > ._sender { color: #1c0303 }

[Alex - Rosas † Negras]

[Alex - Rosas † Negras]

in the old ning they had the possibility of the chat in the facade of the main site, I hope one day it will be possible also for 3.0

[Bizz]

Not sure what you mean ?

[Alex - Rosas † Negras]

[Alex - Rosas † Negras]