问题标签 [divi]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
528 浏览

jquery - Divi:如何在单击另一个按钮时更改按钮外观

我在 Divi builder 上有这两个按钮。我的目标:当我点击“按钮 2”时,这个变成橙色,“按钮 1”变成灰色,反之亦然。

在此处输入图像描述

在按钮设置(来自构建器)上,我为这两个按钮设置了空的链接字段。但是当我点击时,我当前的网页被重新加载......

我已将此脚本添加到 Divi Theme Option > Integration > header 中,只是为了点击第一个按钮:

对于这个 Button 1,我设置了 CSS 类:

在此处输入图像描述

结果:没有点击被捕获......

你能帮我完成我的最终目标吗?

0 投票
0 回答
220 浏览

wordpress - 如何更改默认 Divi 模块的输出

我想从现有的 Divi 模块中添加/删除一些选项。例如,在博客模块中,我想在帖子标题下方添加一个自定义字段。请让我知道我该怎么做?

当我看到代码时,没有可用的钩子可以用来添加自定义字段。

所以我的问题是,我们如何在子主题中或通过创建插件来覆盖 Divi 模块的输出?

我尝试了以下方法:https ://jonathanbossenger.com/building-your-own-divi-builder-modules/哪种有效,但前端视觉构建器未加载并显示此错误:https ://prnt.sc/ ue7csv

0 投票
2 回答
1188 浏览

php - 如何获取子主题模块模板以覆盖主模块模板

出于某种原因,我的子主题模板未被识别。

我相信我遵循了正确的程序(并检查了缓存等)

应该更换

(相同的路径和相同的文件略有更新)

无法识别子主题模块模板(更改子主题模板无效)

我已经测试过编辑主文件,每次都能立即工作。

非常感谢任何建议。

干杯


编辑

以下应该根据 Divi 工作,但是当我尝试时它会破坏网站。

显然,仅仅将模块复制到子主题中是不够的。该文件需要复制。然后将文件复制到 child-theme/custom-modules/Blog.php。将以下代码添加到 functions.php 文件的底部后:

0 投票
1 回答
24 浏览

javascript - 带有 CSS 或 Javascript 的字符串开头的目标数字

我试图在单词的开头定位数字的大小。

例如 - 我有品牌 4ever 并希望将“4”调整为与尾随文本“eva”相同的大小

有没有办法在 CSS 中做到这一点,还是我需要 Javascript?

谢谢

0 投票
0 回答
119 浏览

css - Divi:自定义菜单项无法正常工作(文本颜色)

我将 Divi 用于我的网站(基于 Wordpress)。

当页面滚动到顶部时,一切正常,“Se 连接器”按钮的文本颜色为白色(OK):

在此处输入图像描述

但是,当我滚动时,这种颜色会像其他项目菜单一样改变......我想一直为这个自定义项目菜单保持白色。

在此处输入图像描述

对于这个自定义项目菜单,我使用这个 CSS:

0 投票
1 回答
584 浏览

css - Wordpress(divi)Flexbox对齐问题

我正在使用 Wordpress(Divi 主题页面构建器)并且我正在尝试使用 flexbox css 水平对齐两个图像模块,每个模块在一行中的单独列中,以便一个出现在左侧,一个出现在右侧。

我在行中添加了自定义 CSS:'display: flex; justify-content: space-between' 适用于左侧图像模块,但右侧图像并未完全推到右侧。

有关示例,请参见下图。我试过摆弄许多设置,但没有任何帮助。 问题示例

该页面目前在我的网站 ( www.mistyricardo.com ) 上是私有的,但如果需要,我可以将其公开以供检查。

先感谢您。

下列的...

0 投票
1 回答
332 浏览

javascript - Problem with Divi stylesheet - remove css on element placed on element by style sheet

So I know the question is going to sound really weird as to why I want to do this, so here is a quick synopsis:

I am working with wordpress, writing my own child theme. There is some style sheet that has changed all of the <a></a> tags to be white, to blend into the background... which is also white. I don't know why its like this, which style sheet is doing it (*Edit: it is a Divi style sheet), or what plugin is doing it for that matter. To me I don't really care about answering those questions. In the end, all I need to know is -

"How do I remove that style placed on all <a></a>, that have varying colors, :hover, :active, etc."?

An extra note is that I do have access to the developer console, which means I can see every class, element, id, etc, that is having the attribute color: white; being applied to it, if that is helpful at all.

I am willing to take a wordpress, css, or even javascript answer. If any of that is possible.

0 投票
1 回答
63 浏览

css - 全屏菜单divi透明背景点击彩色背景

我对全屏菜单有疑问。我希望它在滚动和使用页面时透明。但是当我点击右上角的汉堡包图标时,全屏菜单会打开。问题是我无法修复背景以在打开时获得黑色。它保持透明。有人可以帮我在点击时让菜单的背景变黑吗?

这是我在标题中使用的代码

菜单切换动画

菜单转换为全屏动画:

属于上述css的JS:

我希望有人可以帮助我。该网站的 URL 是www.nr-design.nl

在此先感谢,尼克

0 投票
1 回答
173 浏览

javascript - 尝试在具有 Divi 主题的 Wordpress 网站中创建 100% 高度的 div

我有一个 Wordpress 网站,显示虚构世界的地图。这些地图是 Leaflet.js 地图,显示在一个名为map. 此 div 不是使用 divi 前端创建的,而是在通过插件短代码包含的 html 文件中创建的。基本上,php 插件会加载一堆地图特定设置以提供给传单地图并显示一些 html。

现在我希望这个地图 div 尽可能高而不会导致滚动条。

我尝试了不同的东西:

  • height: 100%- 根本不显示任何东西,显然是父元素的问题
  • height: 100vh- 比屏幕大并触发滚动条
  • height: 74vh- 适合我的 2.5k 屏幕,但不适合其他人
  • 设置高度根据window.innerHeight太大
  • 根据window.innerHeight并减去页眉和页脚的像素数设置高度太大

无论我尝试什么,我的蓝色页脚下方都会出现滚动条或白色条纹。你可以在这里看到它:https ://fictionalmaps.com/audience-map/?creator=1&map=KisandraShowCase

我在 php 中包含的代码的最新 - 不工作 - 迭代如下所示:

这会产生一个滚动条。如果我尝试,例如var tempHeight = window.innerHeight - 340;,我可以让它几乎适合,但在页脚下方有一条白色条纹。此外,它在计算机之间也不一致。

我的 CSS 游戏很弱,我需要一些帮助!我被困在一个不成功的试错循环中,并且没有什么可以尝试的想法。

0 投票
1 回答
725 浏览

wordpress - 死机白屏后的 Wordpress 小部件错误

规格:

  • WordPress 5.5.1
  • 迪维主题
  • php 7.4.11

第一个错误(未找到所有页面)

  • 前端可访问,但未找到所有页面。
  • 管理面板可访问,页面除外(错误 403)

我做了什么:

  • 更新插件(同样的错误 - 找不到页面)
  • 通过管理面板禁用插件(同样的错误 - 找不到页面)
  • 调整永久链接(同样的错误 - 找不到页面)
  • 更新 Divi 主题 - 父主题(同样的错误 - 找不到页面)
  • 恢复到父主题(第二个错误开始 - 白屏死机)

第二个错误(白屏死机)

  • 没有错误信息
  • 无法访问管理面板
  • 前端和后端 - 白屏

我做了什么:

  • WP调试器开启
  • 禁用插件文件夹(相同的白屏)
  • 禁用主题文件夹(相同的白屏)
  • 检查php版本(尝试更改它,同样的白屏)
  • 禁用单个插件文件夹(相同的白屏)
  • 禁用单个主题文件夹(带有错误消息)

来自 php_errorlog 的错误消息