Modify live chat icon

  • Resolved leandros21

    (@leandros21)


    9 years, 7 months ago

    Hello,

    How can i delete the orange circle with message icon and add text “Live Chat” to its place?

    Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jarryd Long

    (@jarryd-long)

    9 years, 7 months ago

    Hi there

    This can only be done by adding some JS to the page to achieve this. Would you be comfortable with this?

    You can add the following JS to a JavaScript file that loads on the page: 

    var wplc_replacement_text = "Chat Now ";

jQuery(function(){
	jQuery(document).ready(function(){
		
	});

	jQuery(document).on("wplc_animation_done", function(e) {
		console.log("WPLC: Replacing Content...");
		jQuery('#wp-live-chat-header').html(wplc_replacement_text + " <img src='http://cmgcharleston.com/wp-content/plugins/wp-live-chat-support/images/chaticon.png' />");
		jQuery('#wp-live-chat-header').prepend('<style>#wp-live-chat-header {font-size: 15px;width: 100px;text-align: center;padding-top: 12px;}</style>');
	});
})

    I hope this helps?

    anonymized-14293447

    (@anonymized-14293447)

    9 years, 6 months ago

    I believe this guy was talking about the logo in the box, not the chat button (which is modified by your script above). Would we infringe any copyright rule if we display:none your logo?

    Jarryd Long

    (@jarryd-long)

    9 years, 6 months ago

    Hi @arsenalemusica

    Thank you for your feedback 🙂

    Adding CSS to hide the logo will not infringe with any licencing/copyright rules.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Modify live chat icon’ is closed to new replies.