[theyoungrensParticipant]

Any way to add navigation buttons to the responsive lightbox, or is previous / next only able to be accomplished with the thumbnails or the keyboard?

Thanks!

[DarshanaModerator]

Hi there,

Thanks for writing in! Please refer to our Knowledge Base section to see those options (https://theme.co/x/member/kb/shortcode-walkthrough-lightbox/).

Thanks!

[theyoungrensParticipant]

I must be missing something as that tutorial doesn’t cover putting navigation on the Lightbox. Is it not possible? The only navigation-like option I’m seeing is having thumbnails, which isn’t what I’d like. I’m more talking about the previous / next arrows that appear on a slider, for example. Thanks!

[Nabeel AModerator]

Hi there,

Currently there is no option of navigation buttons on Responsive Lightbox. You can adjust Next or Previous Scale from 0 to 1 as per your need. Please refer to this link for further assistance http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/

Hope this helps!

[Victoria SParticipant]

Is there any way to adjust the space between the previous/current/next image in lightbox? The way it is now when I have it set to 1 it is still easy to miss

[FriechModerator]

Hi there,

Thank you for writing in! It could be possible but, I’m afraid it would require an customization which is outside of support we can offer. Please clarify the issue and provide us your URL, we might achieve what you want with an simple CSS.

Thank you for understanding. Cheers!

[Victoria SParticipant]

Hi again! Completely missed your reply to this thread! Better late than never 🙂

Here’s the url to the gallery http://jarfallakok.se/?page_id=6660

My client is worried that the images to the right and left are not visible enough, making it easy for customers to miss that that is where they’re supposed to click to see the next image. If possible I’d like them to come closer to the middle, making the space between present and previous/next image smaller.

Hope that clarifies the issue!

Thanks!

Victoria

[NicoModerator]

Hi There,

Try adding this in your Customizer’s Custom CSS:

.ilightbox-prev{
left: -65px
}

.ilightbox-next{
left: 1575px;
}

Hope it helps.

Cheers!

[Victoria SParticipant]

Hmm, as far as I can see that didn’t change anything? Maybe I’m missing something? I’ll keep the css if you have the possibility to look at it!

[Paul RModerator]

Hi,

Please replace the code above with this.

.ilightbox-next {
      left: 1500px !important;
}

.ilightbox-prev {
     left: -500px !important;
}

You may change the values 1500px and -50px to achieve your desired look.

Hope that helps.

[Author]

Posts