Centrar el texto del botón

¿Por qué el texto del botón no está centrado?

Si has notado que el texto de tu botón aparece descentrado o desalineadoPuede deberse a la configuración de tamaño o al relleno adicional aplicado al botón. Las causas comunes incluyen:

• Configuración de tamaño modificada: Ajustar el ancho y la altura del botón a veces puede afectar la forma en que se centra el texto.
• Relleno adicional: El relleno desigual dentro del botón puede descentrar el texto.
• Configuración de alineación: Si la alineación vertical no está configurada correctamente, la etiqueta del botón puede verse ligeramente más alta o más baja de lo esperado.

¿Cómo centrar el texto del botón en GemPages?

Siga estos pasos para alinear el centro del texto dentro de su botón y asegurarse de que sus botones se vean profesionales.

#1. Restablecer o ajustar el relleno

Paso 1: En el editor, haga clic en el Elemento Botón para abrir su panel de configuración.

Paso 2: Localice la opción Relleno (Lazy section loading) bajo la sección Tamaño .

Paso 3: Si el relleno es desigual, ajústelo para que el espaciado sea uniforme en todos los lados. Esto ayuda a realinear el texto dentro del botón.

#2. Verifique el ancho y la altura del botón

Paso 1: Vaya a la Tamaño .

Paso 2: Asegúrese de que la altura del botón sea proporcional a su ancho, para que el texto permanezca en el centro.

#3. Usar código personalizado

Si los ajustes de relleno/tamaño no centran completamente el texto del botón, añade una pequeña regla CSS personalizada. Esto te dará una alineación horizontal y vertical con una precisión de píxeles perfecta.

Paso 1: Haga clic derecho en el elemento del botón y seleccione Código Personalizado.

Paso 2: En el editor de código, copie y pegue el siguiente código en el cuadro debajo del Pestaña CSS.

 display: flex;

  align-items: center;

  justify-content: center;

Paso 3: Guarde las actualizaciones y verifique el resultado.