Hi,
is it possible to let the items of a portfolio grid align centered in vertical direction (inside the grid row) instead of an alignment of the top borders?
Best regards,
Vera
Hey Vera,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. And post the site URL so that we can check the portfolio grid element directly.
Best regards,
Ismael
Hi Ismael,
thanks for your reply. Here is a screenshot of the desired alignment.
The url and access data are in the private content.
Best regards,
Vera
Here again the screenshot as link:
vertical alignment of portfolio grid items
Hi,
This layout should be possible but it will require some adjustments on different screen sizes using css media queries. You can start with this css code.
@media only screen and (min-width: 989px) {
.avia-fullwidth-portfolio .grid-entry .inner-entry {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.avia-fullwidth-portfolio .grid-entry {
padding: 3%;
min-height: 381px !important;
}
}
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
Ismael
Hi Ismael,
I see why this is not a standard: It seems that I would have to add more media queries to handle the horizontal gaps between the rows at different screen sizes.
But thank you for the code. If the client really wants it I think I can adjust that.
Best regards,
Vera
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike