Saltar al contenido principal

Cómo agregar dos botones uno al lado del otro en la misma columna en Elementor

Divi: el tema de WordPress más fácil de usar

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

El botón es mucho más poderoso que el texto en lo que respecta a la tasa de clics. Dentro Elementor, tiene el widget Botón para agregar un elemento de botón a una página. Puede utilizar el widget Botón para crear un botón procesable como el botón de whatsapp, botón de skype, el botón Correo electrónico, etc. sin instalar un complemento adicional de WordPress. Para la apariencia, puede establecer el diseño que desee. Por ejemplo, puede agregar dos botones uno al lado del otro en la misma columna. Este artículo le mostrará cómo lograrlo.

Lógicamente, puede agregar el widget de sección interna a una columna y colocar sus botones en cada columna de la sección interna para obtener un diseño de columna en paralelo. Si bien este método no está mal, hay una mejor manera de elegir. Puede colocar dos o más botones uno al lado del otro en la misma columna usando la opción de ajuste de posicionamiento en línea. Esta opción de ubicación colocará un widget en una pila horizontal en lugar de vertical.

Cómo agregar dos botones uno al lado del otro en la misma columna en Elementor

Primero, especifique una columna donde desea colocar sus botones y agregue su primer botón.

agregue dos botones uno al lado del otro en la misma columna en Elementor

Una vez que se agrega el botón, vaya a la pestaña Avanzado desde el panel de configuración y abra el bloque Posicionamiento. En la lista desplegable Ancho, seleccionar En línea.

Cree fácilmente su sitio web con Elementor

Elementor le permite crear fácilmente cualquier diseño de sitio web con un aspecto profesional. Deja de pagar caro por lo que puedes hacer tú mismo. [Gratis]

Agregue el segundo botón y repita los pasos anteriores y listo, tiene su segundo botón al lado de su primer botón.

Si agrega un nuevo botón y establece el posicionamiento en línea, se colocará junto a la segunda columna.

Para establecer el espacio entre columnas, puede simplemente cambiar cualquiera de los botones y establecer el margen en el bloque Avanzado debajo de la pestaña Avanzado desde el panel de configuración.

Para definir la alineación de los botones, puede cambiar la columna de los dos botones. En la lista Menú desplegable de alineación horizontal debajo del bloque Provisión debajo de la pestaña Disposición, seleccione la alineación que desee.

agregue dos botones uno al lado del otro en la misma columna en Elementor

En resumen, hay al menos dos formas de agregar dos botones uno al lado del otro en una columna en Elementor. La primera opción, puede utilizar el widget Sección interna. La segunda opción, puede usar la opción de posicionamiento en línea como acabamos de descubrir arriba.

Si bien el primer método no es malo, no se recomienda porque agregar un nuevo widget (sección interna en este caso) aumenta la demanda de HTML de su página, lo que afectará la velocidad de la página.

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo agregar dos botones uno al lado del otro en la misma columna en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...

Este artículo contiene los comentarios 0

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Volver arriba