Issue with Portfolio Widget Grid Alignment
-
Hello,
I am using the WoodMart Portfolio widget on my archive page, with the layout set to “Grid”. However, the items are not aligning with equal height, causing the grid to break when post titles have different lengths (please see attached screenshot).
We have confirmed this is not a cache issue. We have also tried to force the alignment with custom CSS (using display: flex; align-items: stretch; on the .wd-portfolio-holder container), but it has no effect.
It seems there is a bug or a script conflict in the widget that prevents the equal height alignment from working in Grid mode.
Can you please advise on how to fix this?
Thank you.
Attachments:
You must be
logged in to view attached files.
Hi marcosrjdesouza,
Thanks for reaching to us.
It is due to different heights of images. In order to have the same size image, I kindly recommend you prepare images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid or You need to find a third party plugin to achieve more functionality that best suits you.
For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable the Even product grid for desktop
option to align products if they have different height components.
https://prnt.sc/ASt5z0mmasuz
Please note that this option helps product items to be even, not resizing images.
Regards,
Hung PD