-
Divi builder设计弹出式窗口演示
使用Divi builder建站,设计Divi的弹出窗口,需要使用到一个弹出插件:Popups for Divi(免费):演示网站:https://divimode.com/divi-popup/ 1、任意窗口都可以设计弹出,2、支持页面,整站弹出,无限制,3、支持按钮或链接触发弹出窗口,等等。 操作教程非常教程: 1、设计弹出窗口样式和内容 2、启动弹窗设置,可以设置一个ID,用于文字,按钮,链…... 小朱笔记- 0
- 0
- 1.2k
-
Wordpress DIVI主题默认菜单隐藏购物车图标
使用DIVI主题默认菜单情况下,不使用编辑器构建菜单,隐藏购物车图标,使用CSS控制: /*菜单购物车图标*/ .et-cart-info { display:none; }... 小朱笔记- 0
- 0
- 613
-
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
- 490
-
Divi builder中设计图像叠加文字动态效果
Divi设计图片与文字,鼠标移动图片位置,弹出文字效果。 演示站点:https://www.zhudc.com/demo/design-custom-image-overlays-in-divi 下载演示文件:Divi-Image-Overlays-Layout.json_... 小朱笔记- 0
- 0
- 522
-
Divi Builder菜单中添加图片
将图像添加到Divi超级菜单中,在WordPress仪表板中,转到外观>菜单。创建一个新菜单或将图像添加到现有菜单。然后在“添加菜单项”下的列表中“自定义链接” 。 添加到菜单 将下面的代码片段复制并粘贴到导航标签中。 <img src="Insert-Image-URL-Here" alt="Alternate Text" /> 将Ins…... 小朱笔记- 0
- 0
- 440
-
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
- 390
-
Divi Builder自定义列的宽度
DIVI默认添加行,提供多种列的布局,这些都是默认的布局分列,想要自定义列的宽度,达到新的布局,需要使用CSS。 比如,1/4的布布局,Divi默认都是25% 通过修改CSS改变系列的宽度。 在“行”设置,然后进入“高级”选项卡>“自定义CSS”>“主元素”的每一列添加自定义CSS。 width: 10%!important; 修改比例,确保总数加起来100%。... 小朱笔记- 0
- 0
- 851
-
-
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
- 290
-
Divi Builder 无插件创建WordPress超级菜单
超级菜单允许用户一次查看更多链接,而无需滚动、悬停和记住菜单内容。 使用内置Divi Mega菜单,在没有插件的情况下向 Divi 添加超级菜单。 设置 WordPress菜单 在 Divi 中创建大型菜单首先要设置WordPress菜单。 这是默认情况下的外观。父菜单项下有四个子菜单项。 添加超级菜单 CSS 类 将“mega-menu” CSS 类添加到每个父菜单中。 显示样式 子菜单外观CS…... 小朱笔记- 0
- 0
- 591