Hi there,
I’m using the Portfolio Grid feature and I’d like to have the featured images of each aligned to the middle of their respective grid boxes. As of now, they align top so when the box changes dimensions because of responsive adjustments, a good part of the bottom of the image is not visible. I need equal parts of the top and bottom of the image to get cropped out rather than a larger chunk of the bottom.
I’d also like to know how to keep all entries in the portfolio grid the same size no matter how big or small the browser window is made. Right now all of my grids look the same size but if I adjust the browser window some of the grid boxes are taller than others depending on the length/width ratio of the featured image.
I have included a link to a sample page for you to see what I mean. Thanks!
Hey xfilegirl,
Thank you for the inquiry.
Have you tried uploading images with the same size and aspect ratio? This should maintain a consistent grid and align the items with each other. After uploading images with the same size, make sure to set the Portfolio Grid element’s Styling > Grid Settings > Portfolio Grid Image Size to the second option and set the Select custom image size to the first option (No scaling) to display the original image.
Best regards,
Ismael