How to center button in modal window?

As you can see below, the "Text Me!" button is positioned on the left side of the window. Is it possible to center it?

Thanks!

1

Reply

Follow
How to center button in modal window?

by

Michael Bart Tuesday, October 07, 2014 at 5:56 PM EST

As you can see below, the "Text Me!" button is positioned on the left side of the window. Is it possible to center it?

Thanks!

<div class="row">
    <div class="large-2 push-5 columns">  
<button>Text me</button>
</div>
  </div>

There are more ways to do this but in your case i would stretch the button and center the text because it looks like this is for mobile or?

.reveal-modal {
button {
text-align:center;
width:100%;
}
}

.reveal-modal {
text-align:center;
}

Foundation Forum