Cómo usar el widget Hotspot en Elementor PRO
HTML-код
- Опубликовано: 14 окт 2024
- Aprende a utilizar la sección de elementor pro Hotspot o punto de acceso para crear efectos increíbles como este. además agregaremos el efecto glassformismo al widget hotspot utilizando un poco de CSS. este widget sirve para agregar información extra de un producto o servicios dentro de tu pagina web creada con elementor pro.
✅ Código CSS y HTML
berthortiz.onl...
✅ Carpeta con imágenes
drive.google.c...
✅ Tutorial Header o menú Transparente
• Menú Transparente Stic...
🔴 ¿Quieres que te ayude a crear tu sitio web profesional para tu negocio?
✉ CONTACTO: berthortizweb@gmail.com
🌎 Mi Página Web: berthortiz.com/portafolio
🔴 LINEA DE TIEMPO
🎵 Música usada en este vídeo
⚡Boku No Hero Academia | BOMBING KING ( BAKUSATSUOU!! ) | Guitar Cover
👉 • Boku No Hero Academia ...
👍 Realizado por Gabriele Motta
Créditos
✅ Toda la información fue sacada del sigiente video, vayan a ver el video y suscríbanse al canal de LivingWithPixels
👍 • How to use Elementor’s...
✅ Código CSS y HTML
berthortiz.online/como-usar-el-widget-hotspot-en-elementor-pro
Thanks for great tutorials 👏🏻💯
Genial video y genial la explicación, me sirvió para el proyecto
Me da mucho gusto que te sirva. Saludos.
Te he encontrado por casualidad. Muy buen contenido, nuevo sub!
Muchas gracias. Saludos
Amigo, muy bien explicado, mil gracias. Suscrito.
En un futuro cercano subiré otro video como este pero ya adaptado para todos los dispositivos y a flexbox container. Gracias por ver el vídeo.
Muchas gracias amigo
Yo quiero saber como poner el signo de interrogación a lado de una palabra para que cuando le den clip o se posicionen encima salga un pequeño texto.
Genial video gracias, una pregunta, a mi no me deja poner el ancho completo, sabes por qué podría ser?. Tengo el ancho completo puesto en el contenedor, pero en el momento que pongo el widget de Hotspot, se pone pequeño (aunque sigue marcando ancho completo). He probado diferentes imagenes y tampoco funciona... alguna idea?
madame mensaje por Instagram y vemos que pasa.
Hola Genial muchas gracias por tus conocimientos pero en versión móvil se daña todo hay una forma de poder acomodarlo y que se vea bien.
Gracias por el vídeo, hay una nueva actualización de elementor que no nos deja poner css si no es con elementor pro ADVANCED que vale 99 USD. Hay alguna forma de ponerlo diferente?
Desde tu Home > En personalizar > css adicional
Si falla manda mensaje al grupo
El codigo Css ya no funciona, cuando se coloca advierte error "Unknow Property 'Bachdrop-filter'."
intenta con este
.e-hotspot__tooltip {
backdrop-filter: saturate (170%) blur (5px); -webkit-backdrop-filter: saturate (170%) blur(5px);
Hola Berth! Tremendo tutorial pero no hay como descargar el código css. Sería genial si me dices cómo descargarlo.
Más abajo alguien comento el código. No te lo puedo mandar porque estoy en móvil, pero igual si no lo encuentras, nomás llegué a una PC te lo mando.
@@berthortiz listo. Lo copié del mismo video. Me funcionó bien e hice la adaptación para móvil. Muchas gracias.
excelente. saludos
.e-hotspot__tooltip {
backdrop-filter: saturate (170%) blur (5px); -webkit-backdrop-filter: saturate (170%) blur(5px);
La web ya no funciona
Hola, porfa revisa Más abajo, una persona comento el css. Saludos
.e-hotspot__tooltip {
backdrop-filter: saturate (180%) blur (5px); -webkit-backdrop-filter: saturate (180%) blur(5px);