Reply To: How do I change the Enlightment theme's slider height

Written by on

› › › ›

#22229
Zeror
Participant

Can be done in CSS. Put this in your child-theme’s CSS file and the adjust the height values to what you need.

.slide { //Regular size
	max-height: 560px;
	overflow: hidden;
}

@media (min-width: 992px) { //Responsive size
	.custom-query-slider .slide {
		height: 360px;
	}
	
	.sidebar-full-screen .custom-query-slider .slide {
		height: 560px;
	}
}

If need to adjust the padding space on top and bottom, because of the adjusted space, use this CSS for that:

.sidebar-full-screen .slide-container {
    padding: 60px 0; //Change the 60px value to what you need
}
  • This reply was modified 8 years, 5 months ago by Zeror.