•
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.
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.
Details
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;
}
CSS
복사
You will not be able to change the style by directly accessing the Channel.io element as follows:
#ch-plugin-core > * {
z-index: 100;
}
CSS
복사
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'
JavaScript
복사
To hide the Channel.io plugin, use hideChannelButtonOnBoot of Boot option by referring to the guide below:
