Agregar esto a CSS no funciona:
.ui-dialog-buttonpane { text-align: center; }Los botones todavía están en el lado derecho.
¿Qué tengo que hacer?
Está bien. También necesitaba quitar el flotador. Esto funciona:
.ui-dialog .ui-dialog-buttonpane { text-align: center; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }En mi caso, también necesitaba agregar !important a la propiedad float
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: center; float: none !important; }Las siguientes dos clases necesitan ser modificadas:
.ui-dialog .ui-dialog-buttonpan{ text-align: center !important } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; }