Is it possible to create a 3×3 grid of content with Kadence?

  • 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/Caousel” provides, but for linked images rather than posts.

    Using “Row layout” doesn’t achieve what I need, as it is one-dimensional.

    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 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    Hey,
    Have you tried using the Advanced Gallery block? I think that will do what you’re after. https://www.kadenceblocks.com/custom-blocks/advanced-gallery/
    Let me know if you have any questions!

    Hannah

    Thread Starter burntsun

    (@burntsun)

    Thank you! Indeed that does solve my problem! It does allow use to put custom links, I didn’t notice that beforehand.

    This solves my problem. I’m still surprised that I haven’t found a generic “grid” block, but I don’t need it any more.

    hannah

    (@hannahritner)

    Glad to hear it! Can you explain why the row layout block did not work for you?

    Hannah

    Thread Starter burntsun

    (@burntsun)

    In the row layout, you can specify that you want 3 columns, but you can’t specify how many columns you want.

    Now, I guess you could use the “row layout” block multiple times, but it isn’t as responsive as I would like. I would like a layout 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
6
7
8
9

    If I use the “row layout” block three times, I may end up with this result:

    1 2
3
4 5
6
7 8
9
    hannah

    (@hannahritner)

    In the row layout, you can specify that you want 3 columns, but you can’t specify how many columns you want.

    Sorry, I’m not understanding. You can specify how many columns you want on desktop, tablet and mobile. https://ibb.co/4TMjfy8
    Sorry if I’m misunderstanding.

    Hannah

    Thread Starter burntsun

    (@burntsun)

    My bad, I meant to say:

    In the row layout, you can specify that you want 3 columns, but you can’t specify how many columns rows you want.

    hannah

    (@hannahritner)

    Oh I see. You can stack blocks within the columns, creating multiple rows. Would that work for you?

    Thread Starter burntsun

    (@burntsun)

    How would that appear on screens of small sizes? Like this?

    1 2
4 5
7 8
3
6
9
    hannah

    (@hannahritner)

    It would depend on the mobile layout you choose. Have you played around with the row layout block at all?

    Hannah

    Hey @burntsun
    You are correct, a grid-style block isn’t possible with the row layout where 2 rows of three become 3 rows of 2. The Gallery is the best for what you need. I’ll consider some grid block options in the future.

    Ben

    Thread Starter burntsun

    (@burntsun)

    Thank you for your answer. In the meantime, I will use the Advanced Gallery block. Thank you!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Is it possible to create a 3×3 grid of content with Kadence?’ is closed to new replies.