How can I replicate this table in Generateblocks?

  • Resolved needsomehelp79

    (@needsomehelp79)


    5 years, 5 months ago

    It would save me a ton of effort if this could be done easily in generateblocks since it looks WAY nicer. I know it’s a lot to ask, but how do I even get started trying to replicate that?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Tom

    (@edge22)

    5 years, 5 months ago

    Hi there,

    That pricing table is included in GenerateBlocks Pro, so you can add it to your page with one click.

    To build it manually, it’s made up like this:

    • Container – the main surrounding container.
    • Grid – the grid wrapper.
    • Grid item containers – each set to 33% width.
    • A series of Headline blocks for the items. First couple have background colors, the rest are using icons.
    • Lastly, a Button block at the end.

    Super simple, and using 100% free GenerateBlocks features 🙂

    Hope this helps!

    Thread Starter needsomehelp79

    (@needsomehelp79)

    5 years, 5 months ago

    Hey again Tom,

    Hope you’re doing well, here’s what I have so far:

    View post on imgur.com

    It’s a start, so thank you. But I have one question. How can I get that separation look without having to add background color? The issue is the images from Amazon will often have white background so it’s not going to look right.

    I tried to add a grid below the headline words and it didn’t look right. Could I get a similar look to where I shade the background completely behind the entire grid while still having four separate grids?

    Sorry if I’m a little confusing, you said it’s super simple but I’ve found the learning curve to be hard so far. 😀

    I’m considering purchasing it just so I can get the table, but I’d like to learn to use it so I can use it for other things as well.

    Plugin Support David

    (@diggeddy)

    5 years, 5 months ago

    Hi there,

    don’t want to add more complexity to creating that layout – but best we cover it now… how will the table/grid be displayed on Mobile ? Will it look the same as Desktop as it may get a little cramped.

    Let us know.

    Thread Starter needsomehelp79

    (@needsomehelp79)

    5 years, 5 months ago

    Hi David,

    https://hackmygarage.com/best-workbench/

    If you’d like, you can look at that table on mobile, which I’m trying to replicate as best as possible. Generateblocks looks so much better, I may have screwed up the initial table that I created.

    Let me know if it’s possible to get close to that.. My fear is even if I purchase GBPro I’ll end up back here since the table listed is not top down which is what I’m looking for.

    Plugin Support Leo

    (@leohsiang)

    5 years, 5 months ago

    So looks like the table turns into one column on mobile which would be the default layout when you use the grid blocks.

    Plugin Author Tom

    (@edge22)

    5 years, 4 months ago

    We are going ahead and marking this issue as resolved due to inactivity. If you require any further assistance just let us know 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘How can I replicate this table in Generateblocks?’ is closed to new replies.