Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2021 at 8:26 pm #1318509
    MikeTandySwag

    Hi,

    On the attached page (in private content) I was the portfolio grid to display as 2, 3, 3, 3. So two people centered, then 3, then another 3 etc.

    How can I go about doing this? The client wants the first two people to be standing alone but they want everyone to be the same size.

    Thanks

    August 29, 2021 at 12:34 am #1318800
    Mike

    Hey MikeTandySwag,
    Thank you for your patience, I would recommend trying to use two portfolio elements, the first one to display the two lead members and the second to display the rest. You may need to adjust the size of the first two to match the others, and they will show in a different ajax frame, but I don’t see any other way to set the first two apart from the others since the grid is created with javascript and uses absolute locations to create the grid.

    Best regards,
    Mike

    August 30, 2021 at 8:56 pm #1319024
    MikeTandySwag

    Makes sense!

    Do you have the CSS code to adjust the size?

    August 31, 2021 at 2:21 pm #1319147
    Mike

    Hi,
    Please try this css:

    #top.page-id-63 #av-sc-portfolio-1 {
    right: -18%;
}

    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    August 31, 2021 at 3:47 pm #1319174
    MikeTandySwag

    Perfect! Thank you!

    September 1, 2021 at 12:57 pm #1319346
    Mike

    Hi,
    Glad we were able to 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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adjusting Portfolio Grid’ is closed to new replies.