[threeotenParticipant]

I used to be able to use the center-text class, or text-align: center; inline style to center a button. Or I would apply the center-text class to a container that the button was in, but it seems that Cornerstone did away with container elements. How can I center a button now? (that would be handy to have it as an option in the inspector when inspecting a button element.)

Thanks

[ChristianModerator]

Hey there,

Center text class is available in Cornerstone. Please see this http://screencast.com/t/ao4DITwHiYR2 screencast for instruction.

Hope that helps. 🙂

[threeotenParticipant]

So, I apply it to the column that the button is in? I have several elements in the same column though and I don’t want to apply center to all of it, just the button. Here’s the page:

http://www.quailsprings.org/QS2/contact2/

[LelyModerator]

Hello There,

Are you referring to Signup for NewsLetter Button? If yes, please add the following inline CSS:

display: block;
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;

Hope this helps.

[threeotenParticipant]

Thanks. Also, I used to be able to set a button to display ‘block’ and then put it inside of a container to give it some margin. Now in cornerstone there are no containers and so when I attempt to apply left and right margin as an inline style on the button itself, it doesn’t work. And like before, the the button is in a column with other elements and I only want to apply the margin to the button and not the other elements in the same column.
Thanks

[CharliePryorParticipant]

WAY WAY easier solution…. use a TEXT element, and then use the Shortcode generator to make the button. The button will be a shortcode in a text element. Then, just center the text inside the element like you normally would. BAM – Centered button.

– Charlie

[ChristianModerator]

Thanks for sharing another solution, Charlie. 🙂

[van MontfoortParticipant]

Thanks Charlie. Worked for me.

[ThaiModerator]

Glad it worked. If you need anything else, please let us know.

[Author]

Posts