How do I make the Slider on Custom Pages full screen?

Home Documentation How To How do I make the Slider on Custom Pages full screen?

Follow the instructions below to make the images full screen when using the Slider on Custom Pages.

 

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box.  If there is already code in the box do not delete it!  Simply add this code “below” the last character of code in the box.

/**Begin make sliders on custom pages full screen*/
.item-image-gallery {
height: 600px !important;
}
.sb-cms-image ul[rn-carousel] li > div {
height: 600px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/**End make sliders on custom pages full screen*/

 

4) Click Save.

 

NOTE: Ensure that the images that you use are in portrait format.  To adjust the height, edit “600px” to fit your needs.

 

Comments are closed.