Now, It is Easier than Ever to Customize your Chat Background

In the beginning, before we started our html chat, RumbleTalk, we had a community website with a software package we used to sell for web designers. We had a large number of listed members and we wanted to add an extra way to allow the group to engage with us (the site owner) and with each other. We thought that a chat room in addition to our forum will do the work.

We looked a lot to find a good nice looking chat, one that designers would appreciate. We looked for something unique that we can add easily to our website. One major factor in our research was our need to customize the chat, really customize it, not only change the chat colors, but also the ability to change borders, line thickness, background images, fonts and more. As you can imagine, we could not find any service or downloadable chat software for group chatting with customization abilities.

What we found is a variety of FLASH chat rooms, old style, non mobile friendly with very little options to customize anything. So we had no choice……..Well, it looked awful. We tried one or two but the result was that it always looked like someone forced a non related chat to the nice looking global design of our community website.

This is why we thought to initiate the creation of RumbleTalk group chat service. Our vision was that website owners will be able to do pretty much anything themselves. They could create and embed the chat easily, set it up to match their website design, Put it offline, Change the design on the spot. That is how RumbleTalk was born.

It took a while to make it neat but after a lot of work, we launched RumbleTalk. Today RumbleTalk have three major areas where users can DIY (do it your self) with respect to design and customization.

Theme Library

We have created several themes that are presented in our skins library. Currently we have over 20 different group chat design for website owners. This makes it easy for a chat owner to choose a theme (skin) and change it to his liking. These themes can be changed on the spot, so even during a conversation, the design can be changed.

Customizing Chat

Every chat can be designed and changed using the “Advanced design” option. Users can go and control any aspect of the chat, load images as background, logos, change borders, color, fonts, dimensions…etc.

For example, if one wish to change only the user list of the chat (on the left) he than go to the advance design -> Users List Tab -> and change the background color to his own liking.

The chat will look like the image below once saved. Note, changes to the design can be made at any given moment, even if 10000 people are currently talking in the chat room. The changes will be seen only after a reloading the page where the chat is located.

Experts CSS design

For those who have advance CSS knowledge, we have created a CSS tab in the “Advance design” page were any css expert can change EVERYTHING, any design, from backgrounds, fonts, padding..and much more. We even created a list of CSS tricks that we collected for users.

You may see here the tab in the Advanced-design that allows you to add your own css code. In this example we changed the default user icon in case one is logged in as a guest.

See the result of the css change in the below image.

This are the 3 option for design. But still one question customers kept on asking

How do I change the background image of the chat ?

Let me explain first, one of the features in the designed area was changing background. A person could made an awesome chat by using any image (url) to change the look and feel. But pepole wanted to upload their own chat room image. Something they pictures or a photo they took. Some had no option to upload the image to the cloud.

Once we understood it, we released an option to upload your own image to our cloud. This means that people could change and custom their chat even more using their own uploaded images.

The upload option is used by clicking on the green button and choosing the image from your own computer. It can be found in two placed, in the advance design and in the floating image tab in the setting area.

Originally published at on June.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.