Mantener el mismo tamaño y orden

[Marianogyt]

Como hago para mantener un tamaño y orden todos de la misma manera? Y no desordenado como lo tengo yo:

 

¿Alguien ha encontrado el error de WordPress relacionado con wp.i18n.setLocaleData?

Elementor Pro

[Diana Marcela Rueda]

Hola!!

Aquí te comparto algunas opciones a ver si te sirven:

1. Usar CSS Personalizado​

Puedes agregar un código CSS para definir las propiedades de tamaño, alineación y espaciado. Por ejemplo:

.boton-personalizado {
display: inline-block;
width: 200px; /* Establece un ancho fijo */
height: 50px; /* Establece una altura fija */
background-color: #4a90e2; /* Color de fondo */
color: white; /* Color de texto */
text-align: center; /* Centra el texto horizontalmente */
line-height: 50px; /* Centra el texto verticalmente */
margin: 10px; /* Margen alrededor de los botones */
border-radius: 5px; /* Bordes redondeados */
text-transform: uppercase; /* Transformación del texto */
font-weight: bold; /* Texto en negrita */
}

.boton-personalizado:hover {
background-color: #357ABD; /* Color de fondo al pasar el cursor */
}

2. Uso de Columnas de Bootstrap o Flexbox​

Si estás usando un tema compatible con Bootstrap o Flexbox, puedes crear una estructura de columnas para que los botones se alineen y mantengan su orden. Por ejemplo, usando Flexbox:

.contenedor-botones {
display: flex;
flex-wrap: wrap;
justify-content: space-around; /* Distribuye el espacio de manera uniforme */
}

.boton-flex {
width: 200px;
height: 50px;
margin: 10px;
text-align: center;
background-color: #4a90e2;
color: white;
line-height: 50px;
border-radius: 5px;
font-weight: bold;
text-transform: uppercase;
}


Espero te pueda servir de algo, claramente adecúalo a tus necesidades... Feliz día

 

[Cosmin Vladut]

Excelente respuesta!! Gracias @Diana Marcela Rueda !