Aligning issue mixing a button block with a shortcode block.

  • Resolved Carsten Lund

    (@carsten-lund)


    4 years, 9 months ago

    Hi there, I’m having an aligning issue mixing a button block with a shortcode block.
    Especially on mobile, it is difficult to center the grid, and to create space between the two buttons when the buttons stacks.

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    Suggestion, would it be possible to modify the GP button block, so you could insert a shortcode in a button block, instead of an url, so it could be styled as a button?

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support ying

    (@yingscarlett)

    4 years, 9 months ago

    Hi Carsten,

    Can you link us to your site so I can see your current structure?

    Let me know 🙂

    Thread Starter Carsten Lund

    (@carsten-lund)

    4 years, 9 months ago

    Hi Ying, thanks for looking into this.

    If I put in some margin to separate the two buttons on mobile, they are not aligned on desktop.

    wedate.dk

    Plugin Support ying

    (@yingscarlett)

    4 years, 9 months ago

    Can you try select the Grid block, click on the mobile tab, then add a value to vertical gap?
    https://docs.generateblocks.com/article/grid-overview/#vertical-gap

    Let me know 🙂

    Thread Starter Carsten Lund

    (@carsten-lund)

    4 years, 9 months ago

    Hi Ying, thanks for the documentation on GP Blocks, I wasn’t aware of these Grid options, great!

    Adding a value to vertical gab solved the issue.

    On desktop there is a lot of horizontal space between the buttons, even with the Horizontal gab set to zero.

    View post on imgur.com

    There are no spacing options for the spacing options for the shortcode block and the button margin left right is zero.

    View post on imgur.com

    How do I move the buttons next to each other on desktop?

    Thanks!

    Plugin Support ying

    (@yingscarlett)

    4 years, 9 months ago

    You can try to wrap the Grid block with a Container block

    So the structure will be:

    Container > Grid > Container/Container.

    In this case, you can control the Grid width by setting a container width for the outside Container.

    Hope that’s helpful 🙂

    Thread Starter Carsten Lund

    (@carsten-lund)

    4 years, 9 months ago

    Hi there, thanks for the suggestion, it solved the issue

    Regards

    Plugin Support ying

    (@yingscarlett)

    4 years, 9 months ago

    Glad it works 🙂

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

The topic ‘Aligning issue mixing a button block with a shortcode block.’ is closed to new replies.