28
4
I have been struggling with the moving up of the chat bubble overriding my theme bottom login/out web app bar for 2 days:
两天来，我一直在为聊天泡泡的上升压倒我的主题底部登录/退出Web应用栏而苦苦挣扎：
Tryed to:
尝试：
The style of the theme was not applying
in style.css modified the <button id="wplc-chat-button"
样式中未应用主题样式。css修改了
个人中心
文章发布
退出`/*
Theme Name: Alukas child
Theme URI:
Description: Tema child di Alukas
Author: admin
Author URI: https://monbi.it
Template: alukas
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
/* == Add your own styles below this line ==
--------------------------------------------*/
#wplc-chat-button {bottom: 100px!important}
`
using jquery to add css to the chat bubble
after manually applying the bottom:70px!important to Chrome
using jquery to add css to the chat bubble parent div
using jquery to add css to the chat bubble grandparent div
Welcome to StackOverflow, hope you will find new knowledge here. You can help us answering your question, by adding a minimal-reproducible-example StackOverflow Snippet. It will help readers execute your code with one click. And help create answers with one click. Thank you.
欢迎来到StackOverflow，希望你能在这里找到新的知识。您可以通过添加一个最小可重复的示例StackOverflow Snirons来帮助我们回答您的问题。它将帮助读者一键执行您的代码。并帮助创建一个点击答案。谢谢
@danny-365csi-engelman copy paste the code below in functions.php of your wordpress with 3cx chat plugin installed (it.wordpress.org/plugins/wp-live-chat-support)
@dini-365csi-Engelman Copy将下面的代码粘贴到安装了3cx聊天插件的(it.wordpress.org/plugins/wp-live-chat-support)的wordPress的函数.php中
function add_custom_js() {
?>
<script type="text/javascript">
function querySelectorAllShadows(selector, el = document.body) {
// recurse on childShadows
/**
* Finds all elements in the entire page matching `selector`, even if they are in shadowRoots.
* Just like `querySelectorAll`, but automatically expand on all child `shadowRoot` elements.
* @see https://stackoverflow.com/a/71692555/2228771
*/
const childShadows = Array.from(el.querySelectorAll('*')).
map(el => el.shadowRoot).filter(Boolean);
// console.log('[querySelectorAllShadows]', selector, el, `(${childShadows.length} shadowRoots)`);
const childResults = childShadows.map(child => querySelectorAllShadows(selector, child));
// fuse all results into singular, flat array
const result = Array.from(el.querySelectorAll(selector));
return result.concat(childResults).flat();
}
jQuery(document).ready(function(){
setTimeout(function() {
// sposta la bubble chat
// Sposta il div #callus-container
var allMatches = querySelectorAllShadows('#wp-live-chat-by-3CX');
if(allMatches && allMatches.length > 0){
var callusContainer = jQuery(allMatches[0]); // Prendi il primo match
if(window.innerWidth <= 430) {
callusContainer.css({'position':'fixed','bottom':'105px','right':'5px'});
}
}
}, 3000); // 3 secondi di ritardo
});
</script>
<?php
}
add_action('wp_head', 'add_custom_js', 100);
the main struggle have been to deal with async creation of the button solved with a js delay of 3 sec. and that the jQuery querySelectorAll function that it is not working inside the shadow-dom created
主要的斗争一直是处理按钮的异步创建，解决了JS延迟3秒的问题。并且jQuery querySelectorAll函数不能在创建的卷影DOM中工作
Remember that Stack Overflow isn't just intended to solve the immediate problem, but also to help future readers find solutions to similar problems, which requires understanding the underlying code. This is especially important for members of our community who are beginners, and not familiar with the syntax. Given that, can you edit your answer to include an explanation of what you're doing and why you believe it is the best approach?
请记住，Stack Overflow不仅仅是为了解决眼前的问题，也是为了帮助未来的读者找到类似问题的解决方案，这需要理解底层代码。这对于我们社区的初学者和不熟悉语法的成员来说尤其重要。考虑到这一点，你能编辑你的答案，包括你正在做的事情的解释以及为什么你认为这是最好的方法吗？
28
4
0
我喜欢调整 目录的样式(例如背景颜色、字体)预订 , Gitbook 风格 HTML 文档。 这可能吗？如果是这样，有人可以善意地指出我可以开始这样做的地方吗？ 谢谢你。 最佳答案 两个步骤: 1)
是否可以使用纯 CSS 选择器根据子节点的兄弟节点数量为节点子节点(在我的例子中为 UL)提供不同的属性，特别是高度？ 例如，如果一个节点有 1 个子节点，则 UL 的高度是自动的，但是如果该节点有
我正在与 Vala 一起工作，它首先编译为 C，然后正常从 C 编译。 valac 的一项功能(Vala 编译器)是为 .vala 生成“fast-vapi”文件。 fast-vapi 本质上是为 .
我有两个具有 .body 类的 div，但是，一个位于另一个具有 .box 类的 div 中 - 如下所示: 我只想为 .box 内部的 .body 设置样式...但我在下面所
**注意所有 <> 标签已被删除以允许代码显示**我已经玩了好几个小时了，如果不在设计结束时使用解决方法(即 Corel 绘图)，我就无法真正让它工作 *在我继续之前， 首先，网站 URL 是 Adv
我从一个服务中接收到一个字符串，该字符串显然使用 UTF-32 编码对其 unicode 字符进行编码，例如:\U0001B000(C 风格的 unicode 编码)。但是，为了在 JSON 中序列化
我在应用程序资源中有一种样式，我想将其应用于许多不同的饼图。样式如下所示: 为了简单起见，我排除了更多的属性。这一切都很好。现在，我的一些馅饼需要有一个不同的“模型
想象一下，我有一个名为“MyCheckBoxStyle”的 CheckBox 自定义样式。 如何制作基于 MyCheckBoxStyle 嵌入自定义 DataGridCheckBoxColumn 样式
我有一个 Button我在 WPF 中开发的样式，如 this question 中所述.我想用这种风格做的另一件事是拥有 Button缩小一点点，使其看起来像被点击一样被点击。现在，转换代码如下所示
我为超链接控件创建了一个样式:
不知道为什么，但我的 typeahead.js 远程自动完成停止工作。我没有更改任何关于 typeahead.js 的代码，但既然它坏了，我一定是错的。你能看看我的site here吗？ ?我会创建
有没有办法创建扩展当前样式的样式，即不是特定样式？ 我有一个 WPF 应用程序，我在其中创建样式来设置一些属性，例如边框或验证。 现在我想尝试一些主题，看看哪
我正在为一个网站提出问题，并希望 var reltext 中的正确/再试消息具有不同的颜色，即绿色表示正确，红色表示错误，并且每个旁边可能有一个小 png。 有什么想法吗？ A local co
我想到达列表的父节点(使用 id 选择器)并使用纯 JavaScript 添加背景颜色来设置其样式。这是我的代码，但不起作用。 var listParentNode; listPare
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 4 年前。 Improve th
过去几天我一直在与这段代码作斗争，我真的不知道该如何处理它。 基本上，当用户将鼠标滚动到主导航菜单中的某个 LI 元素上时，就会运行一个 Javascript 函数，并根据触发该函数的元素将链接放入下
使用这个可爱的 html 和 css 作为指南，我能够在我的照片上显示我的姓名首字母。 这很好，但是，如果图像不存在，我只想显示首字母；如果图像存在，则不应渲染 peron 首字母。 换句话说，当该图
使用这个可爱的 html 和 css 作为指南，我能够在我的照片上显示我的姓名首字母。 这很好，但是，如果图像不存在，我只想显示首字母；如果图像存在，则不应渲染 peron 首字母。 换句话说，当该图
是否有人尝试过将 JButton 设计为看起来像 NetBeans 工具栏按钮？这将只显示一张图片，当您将鼠标悬停在它上面时，会显示 1px 圆形角灰色边框，并且按钮顶部和底部的背景不同......似
在 Ax2012 中使用图表，它们工作正常。但我想更改它在启动时显示的图表类型，例如“样条”图表，而不是默认的“柱状图”图表。 这是我现在拥有的: http://i.stack.imgur.com/R
我是一名优秀的程序员,十分优秀！