[theshootspaceParticipant]

I’ve set up a lightbox with gallery thumbnails using the following code:

[gallery link="file" ids="6996,7009,7008,7007,7006,7005,7004,7003,7002,7001,6995,6994,6993,6888" orderby="rand"]
[lightbox selector=".gallery-icon > a" thumbnails="true"]

Two things keep happening:
1. The grid that gallery thumbnails use will intermittently display incorrectly – uneven spacing and missing grid squares.
2. The lightbox itself doesn’t work. Clicking on an image displays the full image, not a lightbox.

The page is at http://theshootspace.com/virtual-tour/members-gallery/ ‎

Thanks!

[RadModerator]

Hi there,

Thanks for writing in.

is not part of X shortcode and how it works is not covered by our capability. All I could give you is a css that will alter your gallery item height. Add this css at your customizer’s custom css.

.gallery-columns-3 .gallery-item {
min-height: 198px;
}

And about the lightbox, it should be like this.
[lightbox selector=".gallery a" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

Cheers!

[theshootspaceParticipant]

I found those instructions in the X documentation here:

http://theme.co/x/member/kb/shortcode-walkthrough-lightbox/

Scroll down to the section titled “[gallery] Shortcode Lightbox”. The Knowledge Base article might need updating…

[RadModerator]

Hi there,

Yes, still is not part by X, it’s part of wordpress feature. X provided default styling for just to add more X feel. But still, it is user’s responsibility to add their own styling and customization. Yet, the css given above should fix your issue.

The issue is cause by gallery item’s title which have more than one line, two line titles pushes other grid. X does not have control of how many lines should display because it’s wordpress feature http://codex.wordpress.org/Gallery_Shortcode.

Thanks!

[theshootspaceParticipant]

Thanks for the tip about the two-line caption. That fixed the wonky spacing!

[DarshanaModerator]

Glad we were able to help 🙂

[Author]

Posts