Gallery Lightbox Layout All Over the Place

Support
#1

Hi there,

I have a gallery of images of different orientation on this page: http://theenglishtimberandjoinerycompany.co.uk/english-oak-and-sash-windows/

and they won’t display three in a row.

I’ve used a Gallery and Lightbox shortcode like this:
[lightbox selector=".gallery-1 a" thumbnails="true"][gallery link="file" size="large" ids="177,180,559"]

Can you help me organise them so they display nicely, three a row please?

Thanks for your help.
Matt

#2

Hello There,

Thanks for writing in! Your gallery is not displaying in 3 column row because it has a different heights. We must control the height so that it will display correctly. To resolve this, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

.gallery .gallery-item .gallery-icon{
    max-height: 250px;
    overflow: hidden;
}

Hope this helps. Please let us know how it goes.

#3

Awesome! You guys are the best.
Thank you!
Matt

#4

Can I ask another question?

Is it possible to add images to the gallery? Presently, I’m deleting the existing gallery and then adding the same images along with the new ones — is there an easier way to do it?

Thanks again for your help,
Matt

#5

Hello There,

It’s good to know that it works out for you. By the way, there is no way to edit the gallery easily. You will have to do it manually.
https://codex.wordpress.org/The_WordPress_Gallery

Hope this helps.

#6

Hi thanks for that.

So the Wordpress link you kindly sent, says I can edit an existing gallery in the visual editor mode in Wordpress — but how can I access that when the page is built in Cornerstone?

Thanks for your continued help.
Matt

#7

Hi there,

You need to add a text element, then from the editing screen mode choose the add image functionality:

Then you will have the same options at hand which the link my colleague provided explained:

Thank you.

#8

Hi there,

But that doesn’t let me edit an existing gallery does it?

Cheers,
Matt

#9

Don’t worry, I worked it out. You just click on the gallery image in the Text view box.
Cheers for your help as ever!
Matt

#10

You’re welcome!
We’re glad we were able to help you out.