divi的折叠选项如何让正文文本的文字展开的时候上方不留白，我想要用代码来设置

您可以在 Divi 的折叠模块中使用以下 CSS 代码，来让正文文本展开时上方不留白：

.et_pb_toggle_open+.et_pb_toggle_content { 
    margin-top: 0 !important; 
}

这段代码会去掉折叠模块展开时默认的上方留白，使展开后的内容能够紧贴着折叠模块上方显示。

您可以在 Divi 主题的“外观 -> 主题选项 -> 自定义CSS”中添加上述代码，或者在需要应用的页面中添加 CSS 代码块，将代码复制粘贴进去即可。

相关问题

divi的折叠选项如何让正文文本的文字展开的时候上方不留白

如果您在使用 Divi 的折叠选项时发现正文文本展开时上方留白，可以通过以下步骤解决：

1. 在 Divi 主题选项中选择“主题自定义”。
2. 点击“折叠模块”选项卡，在“默认折叠状态”下拉菜单中选择“展开”。
3. 在“展开内容”下拉菜单中选择“自定义文本”。
4. 在“自定义文本”框中输入您要展开的内容。
5. 点击“保存”按钮。

这样设置后，当用户点击折叠模块时，会直接展开您输入的自定义文本内容，不会留下空白。

如何用代码设置divi主题4个图片并排滚动幻灯片播放的效果

您可以使用以下 HTML 和 CSS 代码来创建一个具有四个图片的滚动幻灯片：

<div class="slideshow-container">
  <div class="mySlides fade">
    <img src="image1.jpg" style="width:100%">
  </div>
  <div class="mySlides fade">
    <img src="image2.jpg" style="width:100%">
  </div>
  <div class="mySlides fade">
    <img src="image3.jpg" style="width:100%">
  </div>
  <div class="mySlides fade">
    <img src="image4.jpg" style="width:100%">
  </div>
</div>

然后，您可以使用以下 CSS 代码来设置幻灯片的样式，如滚动速度、间隔时间和动画效果：

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
  display: none;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

最后，您需要使用 JavaScript 代码来设置幻灯片的自动滚动效果：

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";  
  }
  slideIndex++;
  if (slideIndex > slides.length) {slideIndex = 1}    
  slides[slideIndex-1].style.display = "block";  
  setTimeout(showSlides, 3000); // 每 3 秒自动滚动
}

这样，您就可以创建一个具有四个图片并排滚动幻灯片播放的效果了。