如何在tidio聊天中编辑iframe CSS
如何在tidio聊天中编辑iframe CSS
提问于 2019-01-26 11:40:23
所有人，
我正在使用wordpress创建一个eCommerce网站并安装即时音视频聊天的插件。我想调整tidio聊天的位置(底部)，目前是0px，但我发现它正在使用iframe，我不能通过添加自定义css来更改它。
<iframe title="Tidio Chat" id="tidio-chat-iframe" style="display: block; border: none; position: fixed; width: 112px; height: 140px; opacity: 1; left: auto; right: 0px; bottom: 0px; top: auto; background: none transparent; margin: 0px; max-height: 100vh; max-width: 100vw; transform: translateY(0px); transition: none 0s ease 0s; visibility: visible; z-index: 999999999 !important;"></iframe>在javascript中添加什么代码，我多次尝试添加代码，但仍然失败，有人能帮我解决这个问题吗？非常感谢。
Stack Overflow用户
发布于 2021-08-06 19:10:46
要将其应用于WordPress中的许多主题，您需要将css放在页脚中。这可以通过get_footer钩子来完成。
- 在子主题中创建一个新的footer.css文件。我将其放在assets/css/footer.css中。添加css：
#tidio-chat iframe { bottom: 0em !important；}@纯媒体屏幕和(max-width: 980px) { #tidio-chat iframe { bottom：-1em !important；} }
- 在子主题的functions.php文件中，添加以下函数：
函数childtheme_add_footer_styles() { wp_enqueue_style( 'your-style-id'，get_stylesheet_directory_uri() .'/assets/css/footer.css‘)；}；add_action( 'get_footer'，'childtheme_add_footer_styles’);
这将在页脚中添加css，并将其应用于tidio聊天图标。当在主题style.css中加载css时，它在标题中加载，但不应用它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54375487
复制相关文章
相似问题
腾讯云开发者
