Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 14, 2018 at 9:14 am #1009829
    dinmix

    Hi Guys

    Is it possible to archive this masonry grid using columns

    Masonry Portfolio: 4 Column Masonry Grid

    This is what Im trying to achieve https://ibb.co/bTSjX9

    Thanks

    Best Regards
    Din

    September 15, 2018 at 7:24 am #1009998
    Rikard

    Hey Din,

    Thanks for the screenshot, so you are looking to add some spaces between the images?

    Best regards,
    Rikard

    September 17, 2018 at 4:31 am #1010540
    dinmix

    Hi Rikard

    I know how to create the space, I just need to extend some column to 2 rows. For example this image Masonary Grid. The column to the right extend to two rows.

    Best Regards
    Din

    September 17, 2018 at 5:23 pm #1010850
    Günter

    Hi,

    Thank you for using enfold.

    On this page Kriesi is using the Masonry Element (Content Elements -> Masonry).

    If you select the option “Size Settings -> Perfect Manual Masonry: …..” and the images are in correct ratio this should lead to the expected result.

    Best regards,
    Günter

    September 18, 2018 at 4:45 am #1011063
    dinmix

    Hi Gunter

    Thanks. Sorry I didnt make myself clear. Yes I know this can be done using the Masonry Element (Content Elements -> Masonry). However, the Masonry Element is using taxonomy and link to each entries.

    What Im trying to do is to create the Masonry grid using columns so that I can add whatever content elements that I prefer (textbox, image, buttons) in the column and then link it to a page.

    Is this possible? Thanks.

    Best Regards
    Din

    September 18, 2018 at 1:16 pm #1011251
    Victoria

    Hi Din,

    Well, that you might want to build with the grid rows and cell elements.

    Here is the demo:

    Grid Row

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 18, 2018 at 1:22 pm #1011257
    dinmix

    Hi Victoria

    Thanks. I know you can get the grid like that as long as the rows are the same height.
    See my post above. How is it possible to extend the column like that. I like some column to extend to 2 rows/
    https://ibb.co/dgUTKz

    Best Regards
    Din

    • This reply was modified 5 years, 11 months ago by dinmix.
    September 18, 2018 at 2:50 pm #1011316
    Victoria

    Hi Din,

    You usee a grid row, set columns to equal height and in one column add two cells vertically.

    Best regards,
    Victoria

    September 19, 2018 at 3:44 am #1011593
    dinmix

    Hi Victoria

    Thanks. Last question, is there a possibility for the grid not stretch to full width but just confine to the page container?

    Best Regards
    Din

    September 19, 2018 at 2:50 pm #1011838
    Victoria

    Hi Din,

    Well, it can be adjusted via css.

    Best regards,
    Victoria

    July 24, 2019 at 8:03 pm #1121707
    mhiller

    Could you please clarify what the September 18, 2018 at 2:50 pm post above means:?

    “You use a grid row, set columns to equal height and in one column add two cells vertically.”

    I want to create the same layout as in the September 17, 2018 at 4:31 am post above, but using columns of text (text boxes) like a newspaper.

    Thanks, Mike.

    July 27, 2019 at 4:08 pm #1122340
    Victoria

    Hi Mike,

    You use the grid row and inside add 2 of 1/2 and in one of those add two cells vertically.

    Here are the docs for you:

    Grid Row

    Columns

    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.