{"id":4487,"date":"2018-12-25T13:07:54","date_gmt":"2018-12-25T13:07:54","guid":{"rendered":"https:\/\/www.rumbletalk.com\/blog\/?post_type=epkb_post_type_1&p=4487"},"modified":"2026-03-03T13:11:56","modified_gmt":"2026-03-03T13:11:56","slug":"how-to-change-your-chat-background","status":"publish","type":"epkb_post_type_1","link":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-your-chat-background\/","title":{"rendered":"How to change your chat background?"},"content":{"rendered":"\n

Here’s how you can change your chat background.<\/p>\n\n\n\n

\n\n\n\n

1. Open the admin panel<\/h2>\n\n\n\n

Click on Design<\/em><\/strong> > Advance Design<\/em><\/strong>.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n
\n\n\n\n

2. Choose what to change<\/h2>\n\n\n\n

You can change each area individually.<\/p>\n\n\n\n

The general, user list, chat area, dialog box and text box areas all share the same color and image selection controls.<\/p>\n\n\n\n

The message area has only color controls, but up to 16 colors can be set.<\/p>\n\n\n\n

\n\n\n\n

3. General, user list, chat area, dialog box and text box<\/h2>\n\n\n\n

The general tab sets the background that appears behind the chatroom, and is visible through any areas with transparent backgrounds.<\/p>\n\n\n\n

All the other areas are on top of the general background, and will show the general background if their background is set to transparent.<\/p>\n\n\n\n

\n\n\n\n

4. Setting a chat background color<\/h2>\n\n\n\n

Click on the color to open the color picker. Choose the color you want to apply.<\/p>\n\n\n

\n
\"background<\/a><\/figure><\/div>\n\n\n
\n\n\n\n

5. Setting a chat background image<\/h2>\n\n\n\n

The image must be hosted online – grab the address for the image and paste it into the box shown.<\/p>\n\n\n

\n
\"customize<\/figure><\/div>\n\n\n
\n\n\n\n

6. The message background<\/h2>\n\n\n\n

This sets the background color that appears behind the individual messages, up to 16 colors may be selected – they will be used in a ’round-robin’ way.<\/p>\n\n\n

\n
\"\"<\/a><\/figure><\/div>\n\n\n
\n\n\n\n

7. You can reset any changes by reapplying the skin<\/h2>\n\n\n\n

Switch to the ‘Skin’ tab, choose a skin you want and approve the change.<\/p>\n\n\n

\n
\"\"<\/a><\/figure><\/div>\n\n\n
\n\n\n\n

8. Advanced users can control the style and appearance further by editing the CSS.<\/h2>\n\n\n\n

Control the mobile and web look and feel using css. For advanced users only.<\/p>\n\n\n

\n
\"\"<\/a><\/figure><\/div>\n\n\n

Here’s a video on how you can change your chat background.<\/p>\n\n\n

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