0. Introduction to Web CSS (Read First)

Controlling your chat design using chat CSS is easy with our advanced design features.

RumbleTalk sets itself ahead of the competition by being the most customizable group chatroom available on the market.

A lot of our customization features are built into our settings menu, making this customization available to anyone at any tech-literate level, and or CSS experts, RumbleTalk group chat can be completely transformed.

But not everyone knows CSS, so we’ve put together this list of easy chat CSS tricks that anyone can copy and paste into the advanced design tab of their RumbleTalk account to get the benefits of a fully customized group chat room.  (Note, for the mobile version, we have other CSS tricks).

All you have to do is:

  1. Copy the chat CSS code from this list.
  2. Log into your RumbleTalk admin panel.
  3. In the chat settings, under “Design”, click on “Add CSS for Web Browsers”.
  4. Paste your code and close the box.
Group Chat Css tricks
Share Button

Disable group chat and allow only private chats?

If you want to allow only private chat discussion so all can talk in private but not having a group discussion than choose a chat type “Group chat”, and then add the following CSS to both the web and mobile css verison.


#content,
#text:not([readonly]),
#chat-extra,
#send-button
{ display: none !important; }

To know how to edit web CSS, click this link.

Share Button

How to hide the Twitter Link in Users Profile?

Hide Twitter Link in Users Profile (when clicking on the gear icon in the private chat ).


.twitter-button {
display: none;
}

Share Button