trucos y tips para elementor

Trucos y tips para Elementor

Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter

En esta entrada iremos publicando una serie de trucos y tips para Elementor con los que conseguiréis aumentar vuestras posibilidades en cuanto a diseño y funcionalidades. Si tenéis necesidad de algún truco en concreto podéis dejarlo en comentarios y si esta en nuestra mano lo publicaremos.

Índice de contenidos

Igualar el número de líneas de los Excerpt o extractos del blog

Insertamos el widget de entradas de Elementor pro Y en Css adicional pegamos el siguiente código modificando el valor del atributo -webkit-line-clamp por el número de líneas que queremos que aparezcan.

				
					.elementor-post__excerpt { overflow: hidden; width:100%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
				
			

Textos transparentes con Elementor

Para crear nuestro texto transparente insertaremos un widget de encabezado y después de nuestra personalización pertinente, nos iremos al avanzado del widget y definiremos la clase texto_trans.

En el Css adicional pegaremos el siguiente código modificando el grueso y el color del borde a nuestro gusto:

				
					.texto_trans { -webkit-text-stroke: 1px #fff; }
				
			

Ya por último desde los estilos del widget bajaremos a 0 la opacidad del color de la fuente:

 

texto transparente con elementor

Cambiar imagen de fondo al ponernos sobre una columna

Revisa el vídeo que encontrarás a continuación y luego unicaménte pega el siguiente código en un widget de html.

En el código recuerda modificar las url de las imágenes.

<script src = «https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js»> </script>

<script>

document.addEventListener(‘DOMContentLoaded’, function() {
jQuery(function($){
$(‘.uno’).mouseenter(function() {
$(‘#fondo’).css(‘background-image’,’url(https://magi.byteweb.es/wp-content/uploads/2021/01/roma-pc.jpg)’);
});
$(‘.uno’).mouseleave(function() {
$(‘#fondo’).css(‘background-image’,’url(https://magi.byteweb.es/wp-content/uploads/2021/03/roma-1.jpg)’);
});
$(‘.dos’).mouseenter(function() {
$(‘#fondo’).css(‘background-image’,’url(https://magi.byteweb.es/wp-content/uploads/2021/01/paris-pc.jpg)’);
});
$(‘.dos’).mouseleave(function() {
$(‘#fondo’).css(‘background-image’,’url(https://magi.byteweb.es/wp-content/uploads/2021/03/roma-1.jpg)’);
});
$(‘.tres’).mouseenter(function() {
$(‘#fondo’).css(‘background-image’,’url(https://magi.byteweb.es/wp-content/uploads/2021/01/londres-pc.jpg)’);
});
$(‘.tres’).mouseleave(function() {
$(‘#fondo’).css(‘background-image’,’url(https://magi.byteweb.es/wp-content/uploads/2021/03/roma-1.jpg)’);
});
}); });

</script>

				
					<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="data:text/javascript;base64,ZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignRE9NQ29udGVudExvYWRlZCcsZnVuY3Rpb24oKXtqUXVlcnkoZnVuY3Rpb24oJCl7JCgnLnVubycpLm1vdXNlZW50ZXIoZnVuY3Rpb24oKXskKCcjZm9uZG8nKS5jc3MoJ2JhY2tncm91bmQtaW1hZ2UnLCd1cmwoaHR0cHM6Ly9tYWdpLmJ5dGV3ZWIuZXMvd3AtY29udGVudC91cGxvYWRzLzIwMjEvMDEvcm9tYS1wYy5qcGcpJyl9KTskKCcudW5vJykubW91c2VsZWF2ZShmdW5jdGlvbigpeyQoJyNmb25kbycpLmNzcygnYmFja2dyb3VuZC1pbWFnZScsJ3VybChodHRwczovL21hZ2kuYnl0ZXdlYi5lcy93cC1jb250ZW50L3VwbG9hZHMvMjAyMS8wMy9yb21hLTEuanBnKScpfSk7JCgnLmRvcycpLm1vdXNlZW50ZXIoZnVuY3Rpb24oKXskKCcjZm9uZG8nKS5jc3MoJ2JhY2tncm91bmQtaW1hZ2UnLCd1cmwoaHR0cHM6Ly9tYWdpLmJ5dGV3ZWIuZXMvd3AtY29udGVudC91cGxvYWRzLzIwMjEvMDEvcGFyaXMtcGMuanBnKScpfSk7JCgnLmRvcycpLm1vdXNlbGVhdmUoZnVuY3Rpb24oKXskKCcjZm9uZG8nKS5jc3MoJ2JhY2tncm91bmQtaW1hZ2UnLCd1cmwoaHR0cHM6Ly9tYWdpLmJ5dGV3ZWIuZXMvd3AtY29udGVudC91cGxvYWRzLzIwMjEvMDMvcm9tYS0xLmpwZyknKX0pOyQoJy50cmVzJykubW91c2VlbnRlcihmdW5jdGlvbigpeyQoJyNmb25kbycpLmNzcygnYmFja2dyb3VuZC1pbWFnZScsJ3VybChodHRwczovL21hZ2kuYnl0ZXdlYi5lcy93cC1jb250ZW50L3VwbG9hZHMvMjAyMS8wMS9sb25kcmVzLXBjLmpwZyknKX0pOyQoJy50cmVzJykubW91c2VsZWF2ZShmdW5jdGlvbigpeyQoJyNmb25kbycpLmNzcygnYmFja2dyb3VuZC1pbWFnZScsJ3VybChodHRwczovL21hZ2kuYnl0ZXdlYi5lcy93cC1jb250ZW50L3VwbG9hZHMvMjAyMS8wMy9yb21hLTEuanBnKScpfSl9KX0p" defer></script>
				
			

¿Tienes interés en que creemos un tutorial sobre algún tema específico de Elementor? Dejalo en comentarios, prometemos responderte.

Compártenos en tu red social favorita
Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on twitter
Twitter
Cómo cumplir con la ley coppa de you tube

Cómo cumplir con la Ley Coppa de You Tube

Tras ser sancionado con una multa de más de 170 millones de dólares You Tube renueva sus políticas en relación a los contenidos enfocados al público infantil. En este post te vamos a explicar que és, que consecuencias tiene y cómo cumplir con la ley

Cómo crear botones para descargar archivos en Wordpress

Cómo crear botones para descargar archivos en WordPress

En este tutorial te vamos a explicar cómo crear botones para descargar archivos en WordPress. Y te vamosa a explicar a cómo crearlos de 4 formas distintas: DIVI, Gutenberg, Elementor y el editor clásico. Índice de contenidos Subimos el archivo a descargar a la biblioteca

Como publicar videos de acceso restringido con Wordpress

Cómo publicar vídeos de acceso restringido con WordPress

Si estás pensando en montar una plataforma de e-learning o un sistema de membresía, una de las condiciones esenciales que debes implementar es limitar el acceso al contenido de pago de tu página web. Si tu método de formación consiste o se refuerza con la

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

Deja un comentario

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

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba