Creating 3×3 grid of content with Ultimate Addons for Gutenberg

  • Resolved burntsun

    (@burntsun)


    5 years, 4 months ago

    I would like to create a 3×3 grid of images, each image linking to a different URL. I would like this to be responsive, so that on mobile, it is simple a stack of images. The layout is very similar to what “Post grid” or “Post masonry” provide, but for linked images rather than posts.

    “Advanced Columns” only lets you create a one-dimensional layout, you can’t create a 3×3 layout of columns and rows.

    I’ve tried Atomic Blocks, Block Gallery, Caxton, CoBlocks, Kadence Blocks, Stackable, Ultimate Addons for Gutenberg by Brainstorm Force, and I still haven’t found a block for Gutenberg that will do this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hey @burntsun ,

    Thank you for reaching us out.

    The block you are looking for is an Image Gallery. WordPress core does have such a block. But again that does not allow to add links to the images.
    But UAG can help to recreate such a block. Follow the below steps –
    – Add 2 sets of Advanced Columns with Columns 3, so that a 3×3 structure is achieved.
    – Add Info Boxes to each Column. Delete all the text and just keep the Image.
    – Set 6 Images to 6 Info Boxes.
    – Set all the Spacing to 0 in Info Box and Advanced Columns.
    – Set Call to Action to Complete Box for Info Boxes – https://cl.ly/7bf3a491433c

    You will see a structure – https://cl.ly/77f7080158fa
    Backend – https://cl.ly/47312cd98c74

    I hope this resolves your query.

    Regards,
    Vrunda Kansara

    Thread Starter burntsun

    (@burntsun)

    Thank you! That is indeed a workaround that does help me achieve what I am looking for.

    I guess, I was hoping for a solution that is a bit more reponsive, something like this:

    # on desktop:
1 2 3
4 5 6
7 8 9

# on tablet
1 2
3 4
5 6
7 8
9

# on mobile
1
2
3
4
5
7
8
9

    This solution only has two layouts, either 3×3 or 1×9.

    Anyway, thank you for your time!

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hey,

    I am glad the solution helped you to some extent.

    Regards,
    Vrunda Kansara

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Creating 3×3 grid of content with Ultimate Addons for Gutenberg’ is closed to new replies.