how do i center a button? – Themeco Community

how do i center a button?

Abby M — Sat, 04 Jan 2014 08:11:12 +0000

I am using Renew with header, footer, and no container. I cannot figure out how to center a button on the page. Help!

Reply To: how do i center a button?

AW C — Sat, 04 Jan 2014 14:36:57 +0000

Try this:
Open visual editor for the page where the button is placed. On the button row click on the small pencil up to the right (Edit this row). In the bottom you will find the possibility to add inline css. Add the code below and save. Hopefully that will help you.
text-align: center;

If you don’t want to use the visual editor, you can just enter an id on the button and enter inline css. Sometimes it is easier to put the button into another object on which you center the content.

Reply To: how do i center a button?

Kory — Sat, 04 Jan 2014 20:06:18 +0000

Hey Abby,

Wanted to follow up and make sure that you got everything figured out. AW is absolutely correct in that it’s actually easier to place the button in another object and center the text on that container. Buttons by default are inline elements, so they will respond to things like text-align: center; as long as this is placed on a parent element.

For example, you could place your button in a Row in Visual Composer, then click on the edit button for the row (top right corner, looks like a pencil, first of three little tabs on top of the Row itself), and go down to the Class input and place center-text in there. This is one of our helpful utility classes that will center text for you, and does the exact same thing that text-align: center; does if you were to enter that in the Style input of the row.

Let us know if you need any further help with this, thanks!

Reply To: how do i center a button?

Abby M — Sat, 04 Jan 2014 21:44:10 +0000

It worked! Thanks so much.

Reply To: how do i center a button?

Rubin — Sun, 05 Jan 2014 15:49:42 +0000

You’re welcome. If you need anything else feel free to get in touch!

Reply To: how do i center a button?

Paul D — Wed, 02 Apr 2014 15:26:58 +0000

This tip didn’t work for me.

BIG BUTTON

Reply To: how do i center a button?

Support — Thu, 03 Apr 2014 00:26:56 +0000

Hey!

Do you mind giving us a link to the website? If you follow the instructions above correctly, I’m sure it’ll work. They do on our end. Just experiment a little bit, I’m sure you’ll get the hang of it.

Cheers!