css 控制全宽滑块模块高度
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 控制全宽滑块模块高度相关的知识,希望对你有一定的参考价值。
/* === Begin: Set the divi slider height === */
/* Src: https://divibooster.com/changing-the-height-of-the-divi-slider/ */
/* Desktop */
.myslider .et_pb_slide {
height: auto !important;
min-height: 500px !important;
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 980px) {
.myslider .et_pb_slide {
height: auto !important;
min-height: 500px !important;
}
}
/* Phone */
@media only screen and (max-width: 767px) {
.myslider .et_pb_slide {
height: auto !important;
min-height: 500px !important;
}
}
/* Handle padding */
.myslider .et_pb_slide {
padding-bottom: 0px !important;
}
.myslider div.et_pb_slide_description,
.myslider .et_pb_slider_fullwidth_off div.et_pb_slide_description {
padding-top: 1%;
padding-bottom: 1%;
}
/* === End: Set divi slider height === */
以上是关于css 控制全宽滑块模块高度的主要内容,如果未能解决你的问题,请参考以下文章
css 将幻灯片文本定位在全宽Divi滑块上
固定高度的全宽图像
css 更改图像滑块的高度
使用滑块控制 nslayoutConstraint 的宽度和高度
视频没有全宽显示
响应式 div 全宽底部的中心三角形