{"id":8986,"date":"2020-10-06T08:41:31","date_gmt":"2020-10-06T08:41:31","guid":{"rendered":"https:\/\/www.rumbletalk.com\/blog\/?post_type=epkb_post_type_1&#038;p=8986"},"modified":"2026-03-03T14:21:10","modified_gmt":"2026-03-03T14:21:10","slug":"how-to-change-users-messages-background-colors","status":"publish","type":"epkb_post_type_1","link":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/","title":{"rendered":"How to change users&#8217; messages background colors?"},"content":{"rendered":"\n<p>The RumbleTalk group chat platform allows you to customize your chat room the way you want, meaning it lets you change the look and feel of your chat room.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why would you change a message background color?<\/h2>\n\n\n\n<p>In order to keep your chat room alive, you can change the messages&#8217; background colors. This will also help in distinguishing your website&#8217;s branding.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the messages&#8217; background colors <\/h2>\n\n\n\n<p>In here, we&#8217;ll show you how to assign different background colors for different users. When they send a message, their chat box will reflect their assigned color.<\/p>\n\n\n\n<ul>\n<li>To change users&#8217; login colors, click <em><strong>Design<\/strong><\/em> &gt; <strong><em>Advance<\/em><\/strong> <em><strong>Design<\/strong><\/em>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"600\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20221125060103\/advancedesign.png\" alt=\"\" class=\"wp-image-14257\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20221125060103\/advancedesign.png 800w, https:\/\/d241b8qep9dzid.cloudfront.net\/20221125060103\/advancedesign-300x225.png 300w, https:\/\/d241b8qep9dzid.cloudfront.net\/20221125060103\/advancedesign-768x576.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Then, click <strong><em>Messages<\/em><\/strong> and choose the color you want for each of your users.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"757\" height=\"695\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20200928084918\/messagecolor.png\" alt=\"\" class=\"wp-image-8988\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20200928084918\/messagecolor.png 757w, https:\/\/d241b8qep9dzid.cloudfront.net\/20200928084918\/messagecolor-300x275.png 300w\" sizes=\"(max-width: 757px) 100vw, 757px\" \/><\/figure><\/div>\n\n\n<ul>\n<li>Then, it will look like this.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"794\" height=\"600\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20200928092246\/messagecolors.png\" alt=\"message background color\" class=\"wp-image-8989\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20200928092246\/messagecolors.png 794w, https:\/\/d241b8qep9dzid.cloudfront.net\/20200928092246\/messagecolors-300x227.png 300w, https:\/\/d241b8qep9dzid.cloudfront.net\/20200928092246\/messagecolors-768x580.png 768w\" sizes=\"(max-width: 794px) 100vw, 794px\" \/><\/figure><\/div>\n\n\n<p>Here&#8217;s a video that we made to show it works.<\/p>\n\n\n<div style=\"text-align:center\">\n<div class=\"lyte-wrapper fourthree\" style=\"width:420px;max-width:100%;margin:5px;\"><div class=\"lyMe\" id=\"WYL_OGE2SggE8NU\"><div id=\"lyte_OGE2SggE8NU\" data-src=\"\/\/i.ytimg.com\/vi\/OGE2SggE8NU\/hqdefault.jpg\" class=\"pL\"><div class=\"tC\"><div class=\"tT\"><\/div><\/div><div class=\"play\"><\/div><div class=\"ctrl\"><div class=\"Lctrl\"><\/div><div class=\"Rctrl\"><\/div><\/div><\/div><noscript><a href=\"https:\/\/youtu.be\/OGE2SggE8NU\" rel=\"nofollow\"><img src=\"https:\/\/i.ytimg.com\/vi\/OGE2SggE8NU\/0.jpg\" alt=\"\" width=\"420\" height=\"295\" \/><br \/>Watch this video on YouTube<\/a><\/noscript><\/div><\/div><div class=\"lL\" style=\"max-width:100%;width:420px;margin:5px;\"><\/div><\/p>\n<\/div>\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-75943\"><strong class=\"schema-faq-question\">Can I change the background color of chat messages in RumbleTalk?<\/strong> <p class=\"schema-faq-answer\">Yes. RumbleTalk allows you to assign different background colors to different users&#8217; messages to match your branding and help distinguish between users.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-96851\"><strong class=\"schema-faq-question\">Why would I change message background colors in my chat?<\/strong> <p class=\"schema-faq-answer\">Changing message background colors keeps your chat visually engaging, helps distinguish between different users, and aligns with your website&#8217;s branding.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-95998\"><strong class=\"schema-faq-question\">How do I assign different background colors to different users?<\/strong> <p class=\"schema-faq-answer\">Go to the RumbleTalk admin panel, navigate to the design settings, and assign custom background colors per user login type.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-63908\"><strong class=\"schema-faq-question\">Does changing message colors affect all users or just specific ones?<\/strong> <p class=\"schema-faq-answer\">You can assign specific background colors to individual user types, so each user&#8217;s messages appear in their designated color when they send a message.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>How to change users&#8217; messages background colors? &#8211; online group chat for web site<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"epkb_post_type_1_category":[338,334],"epkb_post_type_1_tag":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to change users&#039; messages background colors? - Online Group Chat Room Plugin for Websites and Live events<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change users&#039; messages background colors? - Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"og:description\" content=\"How to change users&#039; messages background colors? - online group chat for web site\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rumbletalk\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-03T14:21:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2020\/10\/advancedesign.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/\",\"name\":\"How to change users' messages background colors? - Online Group Chat Room Plugin for Websites and Live events\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2020-10-06T08:41:31+00:00\",\"dateModified\":\"2026-03-03T14:21:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to change users&#8217; messages background colors?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\",\"url\":\"https:\/\/rumbletalk.com\/blog\/\",\"name\":\"Online Group Chat Plugin for Websites and Event\",\"description\":\"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/7cbf75bffd89b4eceebd4112feebabec\",\"name\":\"Paul Atc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b27cb1f21d359ae227407baaa223761c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b27cb1f21d359ae227407baaa223761c?s=96&d=mm&r=g\",\"caption\":\"Paul Atc\"},\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/paul-atc\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change users' messages background colors? - Online Group Chat Room Plugin for Websites and Live events","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/","og_locale":"en_US","og_type":"article","og_title":"How to change users' messages background colors? - Online Group Chat Room Plugin for Websites and Live events","og_description":"How to change users' messages background colors? - online group chat for web site","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_modified_time":"2026-03-03T14:21:10+00:00","og_image":[{"url":"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2020\/10\/advancedesign.png"}],"twitter_card":"summary_large_image","twitter_site":"@rumbletalk","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","FAQPage"],"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/","name":"How to change users' messages background colors? - Online Group Chat Room Plugin for Websites and Live events","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2020-10-06T08:41:31+00:00","dateModified":"2026-03-03T14:21:10+00:00","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/how-to-change-users-messages-background-colors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to change users&#8217; messages background colors?"}]},{"@type":"WebSite","@id":"https:\/\/rumbletalk.com\/blog\/#website","url":"https:\/\/rumbletalk.com\/blog\/","name":"Online Group Chat Plugin for Websites and Event","description":"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/7cbf75bffd89b4eceebd4112feebabec","name":"Paul Atc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b27cb1f21d359ae227407baaa223761c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b27cb1f21d359ae227407baaa223761c?s=96&d=mm&r=g","caption":"Paul Atc"},"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/paul-atc\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/8986"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=8986"}],"version-history":[{"count":11,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/8986\/revisions"}],"predecessor-version":[{"id":19139,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/8986\/revisions\/19139"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=8986"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=8986"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=8986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}