{"id":515,"date":"2019-03-18T12:09:19","date_gmt":"2019-03-18T12:09:19","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=515"},"modified":"2019-03-18T12:09:19","modified_gmt":"2019-03-18T12:09:19","slug":"css-customize-your-html5-chat","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/css-customize-your-html5-chat\/","title":{"rendered":"CSS customize your html5 chat"},"content":{"rendered":"<p>We added a CSS for HTML5 chat so you can customize every DOM element on your chat.<\/p>\n<p>Go to your chat admin, choose the CSS editor.<\/p>\n<p><a href=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-516 aligncenter\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor.jpg\" alt=\"cssEditor\" width=\"927\" height=\"922\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor.jpg 927w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor-150x150.jpg 150w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor-300x298.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor-768x764.jpg 768w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/03\/cssEditor-60x60.jpg 60w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>How to use the CSS editor ?<\/h3>\n<p>Click on <strong>Select DOM<\/strong> checkbox, then click on any element on your chat.<\/p>\n<p>You can change the CSS of that element such as : <strong>font, text, Border, Paddings &amp; Margins, Position, Background and Additional css<\/strong>.<\/p>\n<p>Once the rule is set, press the save <strong>css button<\/strong> to save the css<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We added a CSS for HTML5 chat so you can customize every DOM element on your chat. Go to your chat admin, choose the CSS editor. &nbsp; How to use the CSS editor ? Click on Select DOM checkbox, then click on any element on your chat. You can change the CSS of that element [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":521,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[4,47,40],"class_list":["post-515","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-theme","tag-css","tag-customize","tag-theme"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=515"}],"version-history":[{"count":3,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/515\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/515\/revisions\/519"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/521"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}