Los sitios web se pueden hacer más atractivos estéticamente superponiendo texto sobre imágenes. En este artículo, estudiaremos cómo superponer texto en una imagen en Elementor.
Ahora echemos un vistazo rápido al soporte integrado de Elementor para texto sobre una imagen y veamos qué tan rápido puede implementarlo.
Agregar texto sobre la imagen
Agregar una nueva sección
Aparecerá una nueva sección en la página; haga clic en él para agregarlo. A continuación, elija la primera opción, que es la estructura simple y sencilla de la sección. Otros edificios también están disponibles para su selección. Para mayor claridad, hemos decidido seguir esta ruta. Luego, seleccione el icono de edición de la sección para abrir la ventana de edición de la sección a la izquierda.
Insertar la imagen
En el panel Editar sección, haga clic en la pestaña Estilo y luego expanda el menú desplegable "Fondo". Elija "Clásico" como tipo de fondo. Ahora, haga clic en el signo "+" en el atributo de imagen para agregar una imagen a la sección.
Create Amazing Websites
Con el mejor generador de páginas gratuito Elementor
Empezar ahora
Subir archivos
En la ventana "Insertar medios", haga clic en la pestaña "Cargar archivos".
Luego, arrastre el archivo de imagen sobre la ventana emergente y suéltelo.
Haga clic en la imagen que acaba de cargar en la "Biblioteca de medios". Después de eso, haga clic en "Insertar medios" para agregar la imagen a la sección.
Posicionamiento de imagen
Para hacer esto, necesitamos abrir el panel Editar sección de la sección.
Haga clic en la pestaña Estilo y abra el menú desplegable para Fondo. Cambie la propiedad Posición a "Centro Centro", la propiedad Repetir a "Sin repetición" y la propiedad Tamaño a "Cubrir".
Agregar un encabezado
Al hacer clic en el signo "+", el panel para agregar secciones aparecerá a la izquierda. Desde allí, puede agregar cualquier parte que desee a la imagen como una superposición.
Ahora, arrastre y suelte el "Título" en la sección. Aparecerá una sección de texto sobre la imagen.
Añadir texto
En el atributo de título, escriba su texto en la pestaña "Contenido".
Después de eso, cambie la Alineación a "Centro" para que el texto esté en el medio de la sección y centrado.
Terminando
¡Bien! Ahora sabe cómo usar Elementor para agregar texto sobre una imagen. Esperamos que esta guía haya sido de ayuda. Si tiene alguna pregunta, no dude en preguntarnos o ponerse en contacto con nosotros.
