-
AuthorPosts
-
May 3, 2022 at 4:21 pm #1350343
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,
VeraMay 4, 2022 at 7:54 am #1350416Hey 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,
IsmaelMay 5, 2022 at 10:10 am #1350585Hi 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,
VeraMay 5, 2022 at 10:14 am #1350588Here again the screenshot as link:
vertical alignment of portfolio grid itemsMay 6, 2022 at 7:41 am #1350747Hi,
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,
IsmaelMay 6, 2022 at 10:03 am #1350775Hi 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,
VeraMay 7, 2022 at 3:13 pm #1350870Hi,
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 -
AuthorPosts
- The topic ‘Position portfolio item in the grid’ is closed to new replies.
