How to remove scroll from jetpack carousel?

Can you let me know what site you’re having this problem? Once I have that information, I’ll be better able to help.

If you want it to remain private, you can also contact us via this contact form:
https://jetpack.me/contact-support/

Thanks!

Hello

Thanks for responding. This is an example. I am able to scroll the images vertically without any apparent reason.

It looks like something is setting a height for jp-carousel-overlay independently of the Jetpack plugin.

The overlay dimensions are set here (note the absence of height: being set in the code): https://github.com/Automattic/jetpack/blob/master/modules/carousel/jetpack-carousel.js#L67

That means there might be something in another plugin or your theme setting a height either for the gallery or the page in general and the setting is being inherited.

Can you try these steps to troubleshoot your problem?

1. Disable all other plugins, then check the slideshow to see if it still scrolls. If the scroll is gone, turn your plugins back on one-by-one until you start seeing the scroll again. Then note the plugin that caused this error and get in touch with us. Sometimes Jetpack and other plugins are incompatible; just let us know and we’ll see what we can do.

2. If that doesn’t help, try activating Twenty Fourteen temporarily as your theme. Then check again. If it starts working, likely something in your theme is conflicting and you should get in touch with your theme’s author.

If you’re still having the problem after following these steps, please let me know and I’ll be happy to look into this further for you.

Thanks for the help. I’ve tried 1. and 2. now, but it is still not working.

I noticed that in your gallery carousel that you somehow disabled the comments display. Can you let me know what code you used to do that? I want to rule that out before I investigate further. Thanks!

I’d switched off comments from the screen options, so I didn’t see a comments box when I first activated carousel. For removing the ‘view full size’ option I added a ‘display:none’ for jp-carousel-image-meta. But you might be right, the extra space does seem to be for the comments, as I see on other blogs using carousel (https://jetpack.me/2012/07/13/jetpack-1-5-with-carousel/#jp-carousel-815).

Hello Carolyn. Any ideas about what I should do next?

Hi, I have the same issue. I have hidden the Comment section from the carousel using display: none; custom CSS. Now nothing displays under the image, except for the caption ( which is ok). However, I can still scroll vertically as if the comment section is still there, it is just invisible..

Is there a way to make the scroll disappear as well?
Thank you!

@mary_zen I’d suggest completely deactivating comments in the Carousel view, as mentioned here:
https://jetpack.me/2013/05/01/remove-comments-carousel/

Hi Jeremy! Thank you.

I applied this code before and the scrolling did not go away. Maybe there is something wrong with were I insert it. However, yesterday I did figure out how to stop the vertical scroll with CSS only all by myself! =) I just added custom CSS like so:

.jp-carousel {
position: fixed!important;
}

It works now and does not effect any core files. So, please let me know if you think it may harm something else..

Thank you!
Maria