• There were some cases where the Channel.io plugin style was affected because of the website’s CSS. After the update, the Channel.io plugin will no longer be affected by the website styling.

<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.

</aside>

Details

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;
}

• To set the z-index, use zIndex of Boot option by referring to the guide below:

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'

• To hide the Channel.io plugin, use hideChannelButtonOnBoot of Boot option by referring to the guide below: