Center [button]

[weisbart]

I can’t seem to figure out how to make a shortcode button align center.
It seems like it should be simple but no combination of align: center or style:align-center that I try seems to work.

(I currently have it aligned center by making the whole page a div align=“center” but I’d like to not have to center everything else.)

Thanks - Erin

[jumar]

Hello @weisbart,

Thanks for writing in!

Kindly remove div align=“center” you’ve placed and replace your button shortcode with this:

[button class="x-cstm-btn" type="real" shape="rounded" size="large" href="http://seamstresserin.staging.wpengine.com/shop/conifer-skirt" circle="true"]Buy the Pattern Now![/button]

Then add this CSS code in Appearance > Customize > Additional CSS.

 .x-cstm-btn {
      text-align: center;
      display: block;
}

Hope it helps.