Youtube lightbox – disable next/previous

Hmm. I see the issue on your site.

The reason you are seeing it with the Spectra button and not the WordPress button is actually not because of the button type. It’s just you have it set up so the Spectra videos are linked together as one ‘gallery’ and you can navigate between them within the lightbox.

For the WP buttons, each button opens its own video, and you cannot navigate between them in the lightbox. Since there are no nav arrows, you don’t see the issue.

We can probably do a quick fix with CSS. But this is an issue I’ll need to fix with the lightbox. I don’t see too many people set it up so you can navigate videos in the lightbox, so I haven’t noticed this before.

I’ll play with some CSS and follow up shortly.

You can try something like this. You might want to play with this a bit to get it to your liking.

.fancybox-nav {
    width: 20% !important; // reduces with of clickable nav areas
    height: 40% !important; // reduces height, important to get it off video controls
    top: 30%; // since height is different, we need to reposition it
}
.fancybox-next {
    right: -50px; // Not needed, but moves nav arrow off the video
}
.fancybox-prev {
    left: -50px; // Not needed, but moves nav arrow off the video
}

This worked like a charm! Thanks a lot for awesome and quick help!

Great and you’re very welcome!