See how we designed a new chat room style only with CSS modifications.

One of RumbleTalk feature that was released in the past was the ability to personalize your chat room style using CSS. Since that first feature was introduced, many customers created an astonishing chat rooms in different shape and styles. This option gives creative minds the ability to build a unique chat room view.

One of our designer took the time to create a great chat room skin with only CSS modifications. The result was pretty amazing. We are going to package and use this skin as one of our default offered skins. This means that soon you will be able to switch your chat room style to this news advanced chat room.

For those who are not familiar with this option, you can find it in the
Admin panel –> Settings —> Advance Design.

CSS Editor changes will reflect immediately in the design on the right.

chat room style

Note, once you move to the CSS mode, you cannot go back to the visual editor without deleting all your modifications. This means one needs to choose a visual mode or a CSS design.

** CSS editor should be used by a person well known with CSS styling. If not, the chat design may not load.

RumbleTalk hidden trick to disconnect all chat users with a click

As a chat owner you have the ability and the desire to control the conversation. There are several ways to actually control the conversation like deleting posts or sending private messages to users (pay attention message, warning messages), but many times a chat owner will need to disconnect a misbehaving person.

The common case is disconnecting a user that sent a forbidden message, image or video (forbidden according to the chat room rules). Chat owners can have several steps as mentioned before disconnecting a user (like sending personal messages to the user to stop what he is doing). In case a user is not willing to change his ways, the chat owner may choose to use a soft disconnect.


This means that user will be disconnected and see a warning message.

After 2 seconds from disconnecting, the user can return to the chat room, but he is considered as being warned. In case the person is still not behaving and act as a troll (spamming in the chat room), he then can be banned by IP. This is a hard ban where a user cannot return to the chat from the same computer (IP ban).

Many times, a chat owner wishes to disconnect all users in a chat room. There could be many reasons for doing so. For example you have a quota of 50 people which means only 50 people can be logged in to the chat. Now 30 of them just left their browsers open, so they consume most of the number of chatters allowed. You can ban the users one by one OR ….

The Hidden Feature

One can ban all chatters from the chat in a single click. The secret is called OFFLINE CHAT. When one change the status of the chat to OFFLINE (check the checkbox), the chat will be changed to OFFLINE, kick all users and show a message to all users opening the chat. The message can be edit to include your own message, you can even add HTML tags.

Note: As RumbleTalk supports 30 languages, all messages will show in the language chosen for the chat room.

Case Study: Customers Designing their own Tool-bar Chat Icon

RumbleTalk chat room can be added to a website or blog in 2 ways, embedded or as a tool-bar chat icon.

Embedded chat Room in a page

Add a chat room as part of the page, as can be seen in here

Tool-bar chat Room
A second option is  floating tool-bar chat room, which is the “jumping” green icon in our homepage. Clicking on it will open the chat room for a group discussion.

Since we launched the ability to customize the chat room floating icon 8 months ago, we saw that thousands of chat rooms used it to created their own style. Here are some examples from our customers.

  • Some chose to use small and delicate icons that are “jumping” up and down based on the floating chat settings.
  • Some chose to use a bigger versions of the floating chat icon.
  • Some used simple icons without text.
  • Some combine the three styles above.
  • If you want to set your own Icon with your own style, you can follow these quick steps.

Step 1: go to the admin panel –> in the chat settings section the new tab called, floating.
Step 2: Set your own icon and width, height, and bounce rate.