<aside> ✅ The Channel.io plugin style is impacted if the website is styled with CSS.

Action plan Implementation of ****Channel.io plugin modularization to prevent the plugin from sharing the website's CSS using Shadow DOM

Effective Date January 19, 2023

What to expect After the update, if the style was changed by directly accessing the Channel.io element through CSS selectors or JavaScript, you will no longer be able to change the Channel.io plugin style.



The following styles will no longer affect the Channel.io plugin:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  color: #999;

You will not be able to change the style by directly accessing the Channel.io element as follows:

#ch-plugin-core > * {
	z-index: 100;

You will not be able to access the element directly by JavaScript to change the style as below:

document.querySelector('#ch-plugin-core').style.display = 'none'