-
Divi修改超级菜单显示列数
DIVI主题菜单默认显示为4列,通过CSS修改可以显示5列、6列等,根据需求显示。如果你还不会设置超级菜单,查看DIVI如何创建超级菜单的教程,非常简单。 更改 Divi 主题标题中的超级菜单列 添加自定义 CSS 以将大型菜单更改为 5 列 要将超级菜单中的列数更改为 5 列,请转到您的 WordPress 仪表板> Divi >主题选项>常规>自定义 CSS,然后添加以…...- 小朱笔记
- 0
- 0
- 202
-
Divi设置和自定义博客翻数字页码
默认的Divi文章分类太难看了,不利于翻页查找文章,可以通过CSS或插件设置数字翻页,这样就比较美观,数字翻页效果如下: 一、将Divi Blog分页文本链接更改为按钮 1、默认设置Blog分页 2、将Divi Blog分页文本链接更改为按钮。设置CSS(如果你使用的是免费的Divi子主题,将代码放入style.css 文件中。否则,将代码放在Divi>主题选项>自定义CSS 代码框中…...- 小朱笔记
- 0
- 0
- 1k
-
Divi Builder模块选项卡中心对齐
默认的Divi Builder选项卡模块标题不能平均居中对齐,需要使用CSS。 默认样式: CSS居中样式: CSS样式代码: width: calc(100% / 6); text-align: center; 选项卡CSS设置: (100% / 6):自行根据数量修改对应值...- 小朱笔记
- 0
- 0
- 386
-
Divi主题页面加载时闪烁内容或菜单
Divi制作网站在页面加载时闪烁了无样式的内容和菜单,这称为 FOUC(有兴趣上Google 网页开发的文章中阅读有关 FOUT 和 FOIT 的信息),因为在加载样式表之前显示的默认css样式,然后在加载设置的CSS样式,这导致加载出现变化,从而影响CLS等问题。所以解决CSS加载顺序Cumulative Layout Shift也能提升。 使用代码:Divi>主题选项>集成>…...- 小朱笔记
- 0
- 0
- 482
-
Divi builder设计页面滚动,菜单栏置顶
Divi设计页眉,向下滚动页面,菜单栏固定在顶部,设置也很简单。 打开菜单行或模块,选择高级——Scroll Effects 演示站:https://www.zhudc.com/demo/headers...- 小朱笔记
- 0
- 0
- 497
-
DIVI可视化编辑器自定义图片库数量
图片库默认每行4张图片,使用CSS自定义每行显示数量 margin: 0 !important; width: 10% !important; clear: none !important;...- 小朱笔记
- 0
- 0
- 514
-
DIVI表单模块提交按钮全宽
CSS修改默认Divi表单模块提交迎按钮全宽效果: 在Divi > Theme Options > Custom CSS 中尝试以下CSS : /* Divi contact form 按钮全宽 */ .et_pb_module .et_pb_contact_submit, .et_pb_module .et_contact_bottom_container { width: 100%…...- 小朱笔记
- 0
- 0
- 442
-
Divi Builder 无插件创建WordPress超级菜单
超级菜单允许用户一次查看更多链接,而无需滚动、悬停和记住菜单内容。 使用内置Divi Mega菜单,在没有插件的情况下向 Divi 添加超级菜单。 设置 WordPress菜单 在 Divi 中创建大型菜单首先要设置WordPress菜单。 这是默认情况下的外观。父菜单项下有四个子菜单项。 添加超级菜单 CSS 类 将“mega-menu” CSS 类添加到每个父菜单中。 显示样式 子菜单外观CS…...- 小朱笔记
- 0
- 0
- 489
-
Divi主题菜单模块手机端折叠
Divi菜单模块与默认菜单效果上有些差距,需要用JS和CSS控制折叠。 第一步:添加JS,Divi>主题选项>集成选项卡>head <script > jQuery(function($) { $(document).ready(function() { $("body ul.et_mobile_menu li.menu-item-has-children,…...- 小朱笔记
- 0
- 0
- 79
-
Divi builder创建动态3D Mousemove动画效果
Divi使用一些自定义CSS和JQuery创建动画功能 下载演示文件:divi-dynamic-3d-mousemove-animation-effect-layout-1 https://www.elegantthemes.com/blog/wp-content/uploads/2021/04/3d-mousemove-animation-video.webm...- 小朱笔记
- 0
- 0
- 337