Trucos CSS en Elementor

Trucos CSS en Elementor

Tabla de contenido

Estos con algunos trucos CSS en Elementor que he compartido en el live del grupo oficial de Elementor en Español.

Espero que te puedan ser de utilidad y si tienes algún otro que quieras que comparta, me puedes escribir en el formulario de contacto y será un placer sumarlo a esta lista de códigos Trucos CSS en Elementor.

En el video enseño cómo y donde puedes implementar cada uno de estos códigos y trucos CSS en Elementor.

Truco CSS N1:

Posición del ícono en versión mobile en el widget de la caja del ícono

				
					@media only screen and (max-width: 600px) {
  .elementor-icon-box-wrapper {
    display: flex!important;
  }
  p.elementor-icon-box-title {
    margin-left: 10px!important;
}
}
				
			

Ejemplo:

Este es el encabezado

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

Truco CSS N2:

Eliminar el espacio inferior por defecto de los párrafos

				
					.elementor-text-editor p:last-child{
margin-bottom:0px;
}
				
			

Ejemplo

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

Truco CSS N3:

bordes a los videos de fondo en las secciones

				
					.elementor .elementor-background-video-container {
    border-radius: 6px;
    max-width: 300px;
}
				
			

Ejemplo

Truco CSS N4:

Rotación de imagen infinito

				
					.image {
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
				
			

Ejemplo

Truco CSS N5:

Botón volver en html

				
					<div style="text-align:right"><input type="button" value="Volver" onClick="history.go(-1);">
				
			

Ejemplo

Comparte este artículo

¿Que tal te pareció este artículo?

Deja una respuesta

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

Información base sobre privacidad:
Responsable: Sebastián Echeverri (portafolio@sebasweb.net)
Fin del tratamiento: Moderación de comentarios para evitar spam
Legitimación: Tu consentimiento
Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

Recomiendo:

Sobre la afiliación…

Para mantener este blog, cuento parcialmente con el respaldo de enlaces de afiliación, los cuales generan una pequeña comisión si decides adquirir algo a través de ellos. Esto no implica ningún gasto adicional para ti y solo enlazo productos que personalmente he utilizado y recomiendo.

También te podría interesar ver estos artículos

Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor

Si llegaste a este artículo es porque necesitas saber cómo cambiar la opacidad y el color del placeholder...

Child Theme hello Elementor

Si estás buscando una forma de personalizar tu sitio web de WordPress creado con el plugin Elementor, estás...

Table tr td background de Elementor

En este corto artículo te quiero compartir un pequeño código para que puedas cambiar o quitar el color...

Habilitar Rank Math SEO en las plantillas de Elementor

Si estás añadiendo contenido a las plantillas de Elementor, es posible que necesites optimizar tu plantilla para SEO...

Los cambios que hago con Elementor no se ven en línea [posibles soluciones]

En este artículo, te quiero compartir una solución para un problema con el que a veces me he...

Popup de Elementor no cierra en la versión mobile

Si llegaste a esta entrada es porque seguramente tienes problemas porque tu popup de Elementor no cierra en...

Algunas plataformas con las que trabajo

No te vayas sin tu regalo!

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Apúntate GRATIS a la newsletter y llévate de regalo un pack de plantillas exclusivas para Elementor!

SUSCRÍBETE

No te pierdas los artículos y trucos relacionados con WordPress, Elementor y diseño y desarrollo web en general.