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 全宽底部的中心三角形