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
Supporter
Les langues:
Anglais (English )
Fuseau horaire:
Asia/Kolkata (GMT+05:30)
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.
Can you please check now: lien caché
With your gallery block - I've enable the setting "Crop Images" see the following screenshot: lien caché
- lien caché
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
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!
