Carrousel in full window

This should work… in the class editor make the following classes and add the styles.

This approach means you can just add images as normal to the carousel.

.carousel
height = 100vh
width = 100%
overflow = hidden

.carousel-inner
height = 100%

Then in the page header add.

<style>
.carousel .carousel-inner img {
   object-fit: cover;
	height: 100vh;
}
</style>
6 Likes