New More Than Just Live Chat — Announcing Facebook and Twitter Integration in Comm100 Live Chat >> ×

Can I change the text font of my chat link?

March 1st, 2016 | Settings & Customizations

Yes.

To change the text font (e.g. colour, size, family and etc) of your chat link (a chat button with Text Link type), you need to manually modify your live chat code before it is pasted onto your website.

Followed is a sample about how to modify your live chat code. You only need to change the attributes highlighted.

<!--Begin Comm100 Live Chat Code-->
<div id="comm100-button-8" style="font-weight:bold; font-family:verdana; font-size:20px; color:#339999;"></div>
<script type="text/javascript">
  var Comm100API = Comm100API || new Object;
  Comm100API.chat_buttons = Comm100API.chat_buttons || [];
  var comm100_chatButton = new Object;
  comm100_chatButton.code_plan = 8;
  comm100_chatButton.div_id = 'comm100-button-8';
  Comm100API.chat_buttons.push(comm100_chatButton);
  Comm100API.site_id = 100004053;
  Comm100API.main_code_plan = 8;,
  var comm100_lc = document.createElement('script');
  comm100_lc.type = 'text/javascript';
  comm100_lc.async = true;
  comm100_lc.src = 'https://demo.comm100.com/livechatserver/livechat.ashx?siteId=' + Comm100API.site_id;
  var comm100_s = document.getElementsByTagName('script')[0];
  comm100_s.parentNode.insertBefore(comm100_lc, comm100_s);
</script>
<!--End Comm100 Live Chat Code-->