• Resolved tweetynsly

    (@tweetynsly)


    Hi can someone tell me how to replicate a container section like the one in the image please.

    Also how to get some space in between them

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

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

    (@edge22)

    Hi there,

    You can:

    1. Add a Container and give it a background image: https://docs.generateblocks.com/article/container-overview/

    2. Add a Headline inside the Container to add your text, then add bottom margin to it: https://docs.generateblocks.com/article/headline-overview/

    3. Add a Grid block with three columns: https://docs.generateblocks.com/article/grid-overview/

    You can set the horizontal gap to 0.

    4. Design each Container using background colors, and add your content inside of them.

    Hope this helps! 🙂

    Thread Starter tweetynsly

    (@tweetynsly)

    Thanks.

    How do I stack the blocks vertically instead of horizontally?

    How do I decrease the height of the blocks?

    Hi there,

    How do I stack the blocks vertically instead of horizontally?

    You can make the containers on a Grid block stack vertically by making their width 100%.

    The default stacking order will be from the left being on top to the last one on the right being on the bottom.

    How do I decrease the height of the blocks?

    The height of the blocks depend on its content + the padding top and bottom values you’ve assigned to it.

    You’ll have to decrease the padding top and bottom value and the height of its contents if you want a block to be smaller in height. 🙂

    Hi @tweetynsly

    This thread has been marked as resolved due to a lack of activity.

    You’re always welcome to re-open this topic if you need more help.

    Thanks!

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

The topic ‘blocks’ is closed to new replies.