Slider too big?

[Calvaryov]

When using Slider Revolution, it looks too big on the page. I have to scroll down to see the rest of the picture. I have tried over and over with playing with the custom grid sizes and all those options, but I cannot seem to accomplish what I want to. Which is to see the slide full width but not have to scroll so much to see the whole thing.

[rad]

Hi Kevin,

Thanks for reaching out.

Even if you change the grid size, it will still respond to its container’s width, so does the height. The solution would be changing the container’s width. Example,

Which of course, has undesirable result since it has now spaces on both sides. The width increase, the height increases too, so if the width decrease the height will be decreased too. Since you wish to see all the area of the photo then you must decrease the height, so does the width. This is called aspect ratio https://en.wikipedia.org/wiki/Aspect_ratio_(image)

The solution is editing your image so it wouldn’t be displayed a square, like horizontal rectangle, then match your grid size with your image size.

Thanks!

[Calvaryov]

Is there any way to get rid of the space below the slider and before the footer?

[Prasant]

Hello Kevin,

Thanks for updating the thread.

To remove the spacing on the page where slider is present, please follow along:

• Open the page in Cornerstone by clicking on Edit with Cornerstone button.

• Click on the Settings Icon in left sidebar.

• Under Page Settings > General > Page Templates select Blank - No Container | Header, Footer.

To remove the spacing before footer, please add following CSS under X > Theme Options > CSS:

footer.x-colophon.top {
    padding-top: 2%;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.