Center Buttons

[Asiya]

Hello,
The buttons on my front page wont center for mobile. In general, I would like to center the buttons I use on my site. Is there a way to do this through CSS?

https://byasiya.com is the page I am referencing. There is not option to center the buttons in the layout editor.
The button centering is most apparent when I use mobile and the buttons are off to one side.
Thanks. I appreciate your help!

[David]

Hi there,

if you select the Buttons container – see here:
https://docs.generateblocks.com/article/buttons-overview/#button-container

Then you can set select Center alignment from the settings sidebar just for mobile.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Asiya]

The strangest thing is it doesn’t show the center alignment settings. It does on other pages but not on this? Should I try to re- do the entire container and see if it gives me this setting?

IT is doing the same thing for other pages too. Sometimes it shows me the controls that allows me to center and sometimes it does now.

[David]

Can you make sure you have selected the Buttons container and not the Button.

Use the Block Navigator in the Top Tool bar after selecting a Button:

NOTE: You can add many GB Buttons in the one Buttons Block….

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Asiya]

Ah amazing!! Thanks so much!!!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts