-
Posts
-
I am using Renew with header, footer, and no container. I cannot figure out how to center a button on the page. Help!
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.
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!
It worked! Thanks so much.
You’re welcome. If you need anything else feel free to get in touch!
This tip didn’t work for me.
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!
