[Resolved] vertical aligning gallery grid layout elements

[Author]

Posts

[gordonW-2]

Howdy.

I am using the Toolset Gallery Block in the grid layout, but it is a mess. I've got everything displaying, but the photo heights and caption lengths makes the grid of images/captions all staggered at different heights.

I've tried modifying the CSS but I cannot seem to figure out which element I need to edit that needs changes. I'd like to have all the contents of the grid to be vertically aligned...

this is probably really simple to do, I just haven't been having any luck with it

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share problem URL and admin access details and also share screenshot of your expected output.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now: hidden link

With your gallery block - I've enable the setting "Crop Images" see the following screenshot: hidden link
- hidden link

And added the following custom CSS code to your content template's custom CSS box:

.tb-gallery--grid:not(.tb-gallery--grid--nocrop) img {
height:70% !important;
object-fit:inherit !important;
}

More info:
- https://toolset.com/course-lesson/adding-custom-css-to-templates-archives-and-views/#steps-for-adding-css-to-a-content-template

[gordonW-2]

Fantastic! I was definitely trying to adjust the wrong elements.

This is exactly how I was hoping to have it look.

thx for the help!