[Support request] centering a button on a pge

[Stefanie]

Unfortunately, I’ve noticed that I can’t do very simple things anymore since I switched to GB 1.7.
At the moment I’m trying to center a button. Unfortunately, this does not work 🙁

What do I have to do so that a button is centered on the page?

[Ying]

Hi Stefanie,

There’re several ways to achieve this:

Method 1:
Set the button to display:flex, set margin right and margin left to auto, and set its width to fit-content or a value you want.

Method 2:
Wrap a container block outside the button, set the container’s text alignment to center.

Method 3:
Wrap a container block outside the button, set the container to display: flex, justify-content: center.

[Stefanie]

Hi Ying,

thank you, that helped.
In 1.6 there was just above in the toolbar of the button the align icon. Unfortunately that is gone now, so I really didn’t know, what to do.

[Ying]

I totally understand 🙂

The new GB has a lot of new features. For users who are not familiar with CSS, it might be too complicated to understand what the settings are for.

But all the changes we’ve made are to offer more control over our blocks, here’re some documentation might be helpful:
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/button-overview/

[Stefanie]

Yes, I am familiar with CSS! I am not a pro, but i know how to apply css. And I also read this documentation about the button (unfortunately it doesn’t say how to center align the button).
https://docs.generateblocks.com/article/button-overview/

And still I was totally irritated to find out that the well known align-icon is not there anymore. I think it would be very helpful for many users if the well known “shortcuts” would come back.

I already had a short discussion with David here about these “shortcuts”.

As I said, I am familiar with CSS and still I am irritated about the completely new approach in GB 1.7
I wonder how this works for users who have no idea about CSS. They must be really overwhelmed…

But anyway, GB is great and I will probably also learn over time how to use the new version.

[David]

Hi Stefanie,

we totally hear you 🙂 We had to break some things to get the new updates in place.
Our next update will be 100% focused on improving the UX so users are not at a loss for simple features such as this.

We really do appreciate your feedback and patience on this.

If theres anything else you think we need to improve on – please let us know.

[Stefanie]

Thank you very much, David, Ying and the whole team!

I can imagine that this update was a LOT of work and you had (and still have ?) sleepless nights.

I am very confident that the UX will improve 🙂

Thank you !!!

[David]

Oh i just talk – its @Tom and @Jean who deserve the credit for the big updates 🙂

Thanks again

[Author]

Posts