{"id":4547,"date":"2018-12-25T14:46:26","date_gmt":"2018-12-25T14:46:26","guid":{"rendered":"https:\/\/www.rumbletalk.com\/blog\/?post_type=epkb_post_type_1&p=4547"},"modified":"2026-03-03T13:11:53","modified_gmt":"2026-03-03T13:11:53","slug":"0-introduction-to-web-css","status":"publish","type":"epkb_post_type_1","link":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/0-introduction-to-web-css\/","title":{"rendered":"0. Introduction to Web CSS (Read First)"},"content":{"rendered":"\n

Controlling your chat design using chat CSS is easy with our advanced design features.<\/p>\n\n\n\n

RumbleTalk sets itself ahead of the competition by being the most customizable group chatroom available on the market.<\/p>\n\n\n\n

\"css<\/figure>\n\n\n\n

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.<\/p>\n\n\n\n

But not everyone knows CSS, so we\u2019ve 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<\/a>).<\/p>\n\n\n\n

All you have to do is:<\/p>\n\n\n\n

    \n
  1. Copy the chat CSS code from this list.<\/li>\n\n\n\n
  2. Log into your RumbleTalk admin panel.<\/li>\n\n\n\n
  3. In the chat settings, under \u201cDesign\u201d, click on \u201cAdd CSS for Web Browsers\u201d.<\/li>\n\n\n\n
  4. Paste your code and close the box.<\/li>\n<\/ol>\n\n\n
    \n
    \"group<\/figure><\/div>\n\n\n

    <\/p>\n\n\n\n

    Here’s a short video you can use as a guide.<\/p>\n\n\n

    \n
    <\/div><\/div>
    <\/div>
    <\/div>
    <\/div><\/div><\/div>