{"id":2072,"date":"2018-05-23T08:28:35","date_gmt":"2018-05-23T08:28:35","guid":{"rendered":"http:\/\/www.rumbletalk.com\/blog\/?p=2072"},"modified":"2025-10-03T03:44:06","modified_gmt":"2025-10-03T03:44:06","slug":"chat-user-avatar","status":"publish","type":"post","link":"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/","title":{"rendered":"When You Need to Add Your Own Unique User Avatar"},"content":{"rendered":"

One of the Key features a chatter is looking for is adding an avatar next to his name.
RumbleTalk gives you the ability to change custom and control your user avatar.<\/p>\n

In general, although\u00a0they look the same, there are several types of avatars.
They are associated with the login option. let’s see what the options are.<\/p>\n

User Avatar Default<\/h2>\n

Guest and Admins by default have default chat avatar. This avatar is showing when login in as guests or as admins. When changing the default avatar is needed, the chat owner can do it using CSS (it is simple, no worries).<\/p>\n

To change the avatar, open the chat settings, go to the advanced design, click on the CSS icon and add the CSS code to your preferred chat. Note, you can change the avatar in both web<\/a>\u00a0view and mobile<\/a>\u00a0view. To see what you need to add, please click on the web\/mobile link and go to number\u00a01 tip in this links.<\/p>\n

\"chat<\/p>\n

1) If you do not have your own image on the web, you can upload to the chat your image and right click on it to get the avatar link.
2) You can also change the default admin text color\u00a0(by default admins are logged in\u00a0with red colour).<\/p>\n

How to change a managed user or admin avatar<\/h2>\n

Managed users<\/strong> are participants who log in with a username and password. These login credentials are created by the group chat owner, by the Register option or via the API when you sync your own userbase to\u00a0the chat room.<\/p>\n

Administrators,<\/strong> once created by the group chat<\/a> owner, are given moderating authority. They can delete messages and disconnect or ban unruly users.<\/p>\n

As a group chat owner, log in to your admin panel and select -> settings -> \u201cUser\u201d.<\/p>\n

\"chat<\/p>\n

\"Add<\/p>\n

From there you can view the field to add your own image. This occurs in one of two ways.<\/p>\n

    \n
  1. Upload Image \u2013 upload an image from your computer (recommended)<\/li>\n
  2. Image URL \u2013 directly copy and paste an image URL<\/li>\n<\/ol>\n

    The default user avatar setting is 35×35 pixels but this can be changed using CSS.<\/p>\n

    Social\u00a0avatar users<\/h2>\n

    When a group chat owner allows users to log in with their social credentials, they will show in the chat with there social avatar (facebook or twitter).<\/p>\n

    See how it looks like!<\/h2>\n

    See below how a user avatar user is displayed\u00a0in the group chat.<\/p>\n

    \"user<\/p>\n

    We\u2019re\u00a0happy to share with you this example of changing icons. Subscribe to our newsletter to receive updates on more new features.<\/p>\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    One of the Key features a chatter is looking for is adding an avatar next to his name.RumbleTalk gives you the ability to change custom and control your user avatar. In general, although\u00a0they look the same, there are several types of avatars.They are associated with the login option. let’s see what the options are. User […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"featured_image_url":"","seo_focus_kw":"","seo_meta_desc":""},"categories":[11,9],"tags":[155,200,199],"acf":[],"yoast_head":"\nNew Feature: Add Your Own Unique User Avatar<\/title>\n<meta name=\"description\" content=\"RumbleTalk group chat has released a new feature which allows managed users to be assigned a unique user avatar. Read how to access this setting.\" \/>\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\/2018\/05\/23\/chat-user-avatar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Feature: Add Your Own Unique User Avatar\" \/>\n<meta property=\"og:description\" content=\"RumbleTalk group chat has released a new feature which allows managed users to be assigned a unique user avatar. Read how to access this setting.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/\" \/>\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:published_time\" content=\"2018-05-23T08:28:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-03T03:44:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d241b8qep9dzid.cloudfront.net\/avatar\/avatar-css.png\" \/>\n<meta name=\"author\" content=\"Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/\",\"name\":\"New Feature: Add Your Own Unique User Avatar\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2018-05-23T08:28:35+00:00\",\"dateModified\":\"2025-10-03T03:44:06+00:00\",\"author\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/25d71b46ff2470eaf367d02f9d47726c\"},\"description\":\"RumbleTalk group chat has released a new feature which allows managed users to be assigned a unique user avatar. Read how to access this setting.\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"When You Need to Add Your Own Unique User Avatar\"}]},{\"@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\/25d71b46ff2470eaf367d02f9d47726c\",\"name\":\"Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g\",\"caption\":\"Editor\"},\"description\":\"This is the admin of the kingdom :)\",\"sameAs\":[\"https:\/\/rumbletalk.com\"],\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New Feature: Add Your Own Unique User Avatar","description":"RumbleTalk group chat has released a new feature which allows managed users to be assigned a unique user avatar. Read how to access this setting.","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\/2018\/05\/23\/chat-user-avatar\/","og_locale":"en_US","og_type":"article","og_title":"New Feature: Add Your Own Unique User Avatar","og_description":"RumbleTalk group chat has released a new feature which allows managed users to be assigned a unique user avatar. Read how to access this setting.","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_published_time":"2018-05-23T08:28:35+00:00","article_modified_time":"2025-10-03T03:44:06+00:00","og_image":[{"url":"https:\/\/d241b8qep9dzid.cloudfront.net\/avatar\/avatar-css.png"}],"author":"Editor","twitter_card":"summary_large_image","twitter_creator":"@rumbletalk","twitter_site":"@rumbletalk","twitter_misc":{"Written by":"Editor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/","name":"New Feature: Add Your Own Unique User Avatar","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2018-05-23T08:28:35+00:00","dateModified":"2025-10-03T03:44:06+00:00","author":{"@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/25d71b46ff2470eaf367d02f9d47726c"},"description":"RumbleTalk group chat has released a new feature which allows managed users to be assigned a unique user avatar. Read how to access this setting.","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/2018\/05\/23\/chat-user-avatar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"When You Need to Add Your Own Unique User Avatar"}]},{"@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\/25d71b46ff2470eaf367d02f9d47726c","name":"Editor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1944e05b00ac133489dacf7fca386d64?s=96&d=mm&r=g","caption":"Editor"},"description":"This is the admin of the kingdom :)","sameAs":["https:\/\/rumbletalk.com"],"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2072"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=2072"}],"version-history":[{"count":27,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2072\/revisions"}],"predecessor-version":[{"id":18517,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2072\/revisions\/18517"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=2072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=2072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=2072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}