Muchas Gracias Genio!! un aporte para los que no tenemos la versión Pro. Escriben la classe css salen van a la pagina fuera de elementor, "apariencias" luego "personalizar" y en personalizar "Css adicional" y le pegan la clase Back de la cual dejó el enlace.
Hola excelente video, pero en iphone no queda el fondo fijo, solo se puede ver en android. ¿Como se hace para que se vea el fondo fijo tambien en iphone?
HOla Carlos, sabe sque no habia podido probar tu solucion, lo he probado hoy y en el ordenador viendo desde el inspector en la vista movil si lo hace perfecto, pero al menos en dispositivo movil con IOS (iPhone) no funciona. ¿Sabes si puede ser en Safari?, ¿has probado s funciona en Android?
@@GuidoCentesimo Al no tener IOS ni safari no tengo como comprobarlo. He hecho la prueba en esta web y si me funciona: bluetree.ai/screenfly/?u=https%3A//magi.byteweb.es/anadir-nueva-pagina/&a=19&b=10
De hacerse seguro que se puede hacer, pero de momento no se como. ME resulta interesante tu propuesta, si lo consigo hare un tutorial, pero de momento no puedo darte respuesta. Un saludo.
excelente video, haz un tutorial de como poner un buscador de contenido en una web con elementor, y de paso lo pones en tu web que me volví chingo buscado el post en las 18 paginas...XD Me salvaste si con el tutorial. Saludos!!
Gracias por tu comentario. En la web tienes un buscador, lo que veo que en el blog al ser el icono blanco no se ve, tendré que mirarmelo. prnt.sc/nSmiFXGHeiTT Para lo del buscador solo tienes que buscar el widget search form y ponerlo en la parte de la estructura de la web que te interese: prnt.sc/anKCVZ-dr1Lw Luego lo que te faltara es personalizar la plantilla de los resultados de busqueda. Para ello vas a plantillas/ theme builder y creas la plantilla de resultados de busqueda: prnt.sc/u0xDLasQTIMk Espero que con toda esta info puedas hacer lo que me pides. Un saludo.
Hola Carlos. Muchas gracias por el vídeo. Pero tengo un problema: cuando visualizo el fondo fijo en un iPhone no me queda fija la imagen de fondo. Ya revisé los puntos de ruptura, y nada. Lo curioso es que cuando miro las opciones de visualización desde el computador para pc, tablet y móvil sí me pone el efecto de fondo fijo. ¿Podrías ayudarme por favor? Muchas gracias
Hola que tal, tengo un problema con el fondo fijo para el celular y tablet. El tema es que el efecto anda pero el scroll de la pagina no. Osea que cuando pongo el dedo sobre el fondo fijo para seguir scrolleando hacia abajo, el scroll no avanza. Es como que el fondo fijo no es touch, entonces tengo que tocar una seccion fuera de ese fondo para amarrar y avanzar con el dedo.
una consulta, como hago para que me quede el contenido trasparente para que se vaya vieno la imagen de fondo al pasar de un bloque a otro? muchas gracias!!!
hola, gracias por tu video. En la tablet no me ha funcionado y en el móvil me ha funcionado a medias porque me hace un salto la imagen al desplazar, como un ajuste de posición.
Hola James, pues no se decirte. para lo de la tablet solo se me ocurre que tengas definido un punto de ruptura diferente al que se aplican en los CSS. Para movil al igual es el posicionamiento de la imagen, pero sin verlo... Un saludo.
que maravilla! Funciona perfectamente pero noto que el movil tarda en cargar justo esa sección más de lo normal. ¿Es un mal que conlleva el hacer este truco o no debería de pasar? GRACIAS!
Hola Juan Pablo, has subido la misma imagen para PC, tablet y movil? Si es asi, para la versión de movil prueba a subir una imagen que se adapte al tamaño que necesites, que será más pequeña. Un saludo.
esta verificado, el codigo funciona con flexbox. Cambia el max-with a tu punto de ruptura de tablet, pero en la versión mobil deberia haber funcionado con el codigo actual. Visita esta url, veras que si que funciona con flexbox: infozoos.byteweb.es/contenedores-irregulares/ Saludos.
Hola saludos , me pasa que el efecto no funciona en ios como puedo solucionarlo me sale con zoom extremo y no me deja ver la imagen , tienes alguna solución , muchas gracias
deja fija la imagen en los sistemas de android y windows ... peroooo en la version ios no se puede sale como pixeleado la imagen , me podrias apoyar para poder dejar fija la imagen en IOS de iphone te lo agradeceria mucho saludos excelente canal :)
Me sucede lo mismo, el efecto funciona perfecto en Android pero en IOS (Iphone) no se percibe, se ve pixeleada y con un zoom impresionante que no deja ver la imagen. Alguien encontró solución?
Hola Carlos, Yo tengo el fondo que quiero dejar fijo en Ajustes del sitio- Fondo y no se en donde poner la clase y el código, me puedes ayudar por favor, Un Saludo
Hola Alfonso, la clase se tiene que poner en el avanzado del contenedor al que quieras poner el fondo fijo. El código CSS lo puedes poner en apariencia/personalizar/CSS adicional. Un saludo.
@@byteweb3753 Hola Carlos, gracias por la ayuda, hice lo que me dijiste y todo funciona perfectamente en el ordenador y en los móviles Android, pero en los móviles iPhone no quedan las imágenes fijas. Me puedes ayudar con este problema con los iPhone
Buenas amigo excelente la explicación, pero tengo una duda en versión móvil la pagina de me DESPLAZA HACIA LA DERECHA Y SE VE NEGRO UNA PEQUEÑA PARTE HASTA Q MUEVO EL CURSOS PARA AJUSTARLA NO SE COMO QUITAR ESE EFECTO O CONFIGURACIÓN
Hola Ramon, posiblemente es porque tienes algun elementor que te crea un desbordamiento. Una vez detectes cual es , en este post de Elementor te explican como solucionarlo. elementor.com/help/horizontal-scrollbar-on-mobile-devices/ Saludos
Hola Carlos, ya casi buenas noches por allá. Algún cursito básico y didáctico de Elementor o Astra Pro en su canal ? hace unos días compre Astra paquete essesial o algo así. El punto es que no se nada de ambos. Soy de Divi y Divi Builder y ahora quiero explorar los antes dichos. Divi hace maravillas, pero el precio es alto en especial en carga de móvil, es muy bueno pero hay que saber usarlo sin golosinas . Bueno gracias por cualquier indicación y saludos. 👍
Hola Carlos, mil gracias por este video!! Me funciona en la tablet y en el móvil ANDROID, pero en los IPHONES no funciona :( ..... tienes alguna solución?
Hola Yolimar, revisa los pasos y el código. Tiene que funcionar. Si no lo solucionas ponte en contacto conmigo por el formulario de la web: byteweb.es/contacto/
Hola Alvaro, ya te respondí a tu otro comentario, el código no funciona en Apple, pero no es problema del código es del navegador: developer.apple.com/forums/thread/99883 Un saludo.
Buenas, yo tengo un fondo el cual quiero que se aplique a toda la pagina. Ya que las diferentes secciones las tengo con opacidad al 50% permitiendo que al hacer el scroll se vea tambien el fondo. De la forma que lo has explicado no me es posible que se vea el fondo en estas secciones. Ya que solo lo aplica a la Seccion que tiene el script.
@@byteweb3753 Si, he estado probando y haciendo lo que dices en el video en cada sección de mi web, en tablet y movil me funciona perfectamente. Lo unico que lleva mucho trabajo.
@@cambra89 Hoja Jorge, le estuve dando vueltas a tu tema y de primeras me vino la idea aplicar los mismos estilos a una clase de elementor que englobe a todo el contenido de una pagina, prueba con esta a ver si te funciona: elementor-section-wrap Otra opción es intentar lo mismo con una clase de la plantilla. Prueba, ya me cuentas que tal te fue.
Hola! yo lo hice exactamente como lo muestras en el tutoria...en mi ordenador resulto bien pero en mi celular se ve negro, sin imagen y no esta fijo. : (
@@yamilkabatistaoficial Funciona igual si pones los CSS desde el administrador de tu wordpress vete a apariencia/personalizar/css adicional. Ya me cuentas.
Muchas Gracias Genio!! un aporte para los que no tenemos la versión Pro. Escriben la classe css salen van a la pagina fuera de elementor, "apariencias" luego "personalizar" y en personalizar "Css adicional" y le pegan la clase Back de la cual dejó el enlace.
Buen aporte, gracias.
TE AMO GRACIAS!!!
Grande !!
Muy buena explicación gracias
Muchas gracias a ti, Alfonso. UN saludo.
Genial, nunca se me ocurrió, pero ahora lo voy a poner en práctica.
Muchas gracias crack.
Me alegro de que te fuera util. Un saludo.
funciona espectacular
Genial, me alegro. Un saludo.
Muchas gracias. Excelente explicación. Saludos.
Gracias a ti Omar. Un saludo.
Gracias! 🎉❤
A ti por tu comentario y agradecimiento. UN saludo
Excelente!!
Me funcionó al 100%
Muchisimas gracias 🙌🙌
Ati por tu comentario y agradecimiento. Un saludo Joselo.
No funciona para iOS
Excelente aporte. Gracias
Gracias a ti por tu comentario y agradecimiento Carlos Javier. Un saludo.
EXCELENTE!! GRACIAS GRACIAS GRACIAS
Gracias a ti por tu comentario y agradecimiento. Un saludo.
Excelente video!! Carlos gracias por tu explicación 👍🏼
Gracias a ti Rodrigo. Un saludo.
gracias tienes muy buen contenido de elementor
Gracias a ti por tu comentario y agradecimiento. Me alegro de que te guste el contenido. Un saludo.
Excelente vídeo, muchas gracias por tu aporte a la comunidad, te dejo un like y tienes un nuevo suscriptor😎👍🏻
Gracias por tu comentario, tu agradecimiento y tu suscripción al canal.
Un saludo.
Hola excelente video, pero en iphone no queda el fondo fijo, solo se puede ver en android. ¿Como se hace para que se vea el fondo fijo tambien en iphone?
Carlos que máquina y mil gracias por responder a mi pregunta de esta manera tan Grafica. Gracias tío
A gente tan agradecida como tu me cuesta nada y menos.
Saludotes!!!
@@byteweb3753 gracias 😉👍👏👏👏👏
HOla Carlos, sabe sque no habia podido probar tu solucion, lo he probado hoy y en el ordenador viendo desde el inspector en la vista movil si lo hace perfecto, pero al menos en dispositivo movil con IOS (iPhone) no funciona. ¿Sabes si puede ser en Safari?, ¿has probado s funciona en Android?
@@GuidoCentesimo No me he olvidado de ti, estoy en ello. Te digo algo.
@@GuidoCentesimo Al no tener IOS ni safari no tengo como comprobarlo. He hecho la prueba en esta web y si me funciona:
bluetree.ai/screenfly/?u=https%3A//magi.byteweb.es/anadir-nueva-pagina/&a=19&b=10
Eres un crack, gracias maestro.
Muchas gracias David, te agradezco el comentario y me alegro de que te fuera útil. Un saludo
Hola , se puede poner más de 1 imagen fija de fondo? ósea que baje y se vea una y luego después de cierta información otra
De hacerse seguro que se puede hacer, pero de momento no se como. ME resulta interesante tu propuesta, si lo consigo hare un tutorial, pero de momento no puedo darte respuesta. Un saludo.
excelente video, haz un tutorial de como poner un buscador de contenido en una web con elementor, y de paso lo pones en tu web que me volví chingo buscado el post en las 18 paginas...XD
Me salvaste si con el tutorial. Saludos!!
Gracias por tu comentario. En la web tienes un buscador, lo que veo que en el blog al ser el icono blanco no se ve, tendré que mirarmelo. prnt.sc/nSmiFXGHeiTT
Para lo del buscador solo tienes que buscar el widget search form y ponerlo en la parte de la estructura de la web que te interese: prnt.sc/anKCVZ-dr1Lw
Luego lo que te faltara es personalizar la plantilla de los resultados de busqueda. Para ello vas a plantillas/ theme builder y creas la plantilla de resultados de busqueda: prnt.sc/u0xDLasQTIMk
Espero que con toda esta info puedas hacer lo que me pides. Un saludo.
Hola Carlos. Muchas gracias por el vídeo. Pero tengo un problema: cuando visualizo el fondo fijo en un iPhone no me queda fija la imagen de fondo. Ya revisé los puntos de ruptura, y nada. Lo curioso es que cuando miro las opciones de visualización desde el computador para pc, tablet y móvil sí me pone el efecto de fondo fijo. ¿Podrías ayudarme por favor? Muchas gracias
IOS no lo soporta: developer.apple.com/forums/thread/99883
Hola que tal, tengo un problema con el fondo fijo para el celular y tablet. El tema es que el efecto anda pero el scroll de la pagina no. Osea que cuando pongo el dedo sobre el fondo fijo para seguir scrolleando hacia abajo, el scroll no avanza. Es como que el fondo fijo no es touch, entonces tengo que tocar una seccion fuera de ese fondo para amarrar y avanzar con el dedo.
ademas tengo un boton adelante de ese fondo y no anda, Tampoco la animacion hover del mismo
Prueba a regenerar los CSS de Elementor
una consulta, como hago para que me quede el contenido trasparente para que se vaya vieno la imagen de fondo al pasar de un bloque a otro? muchas gracias!!!
No acabo de entender tu consulta. Sabes de alguna web que me puedas pasar para verlo?
hola, gracias por tu video. En la tablet no me ha funcionado y en el móvil me ha funcionado a medias porque me hace un salto la imagen al desplazar, como un ajuste de posición.
Hola James, pues no se decirte. para lo de la tablet solo se me ocurre que tengas definido un punto de ruptura diferente al que se aplican en los CSS. Para movil al igual es el posicionamiento de la imagen, pero sin verlo...
Un saludo.
que maravilla! Funciona perfectamente pero noto que el movil tarda en cargar justo esa sección más de lo normal. ¿Es un mal que conlleva el hacer este truco o no debería de pasar? GRACIAS!
Hola Juan Pablo, has subido la misma imagen para PC, tablet y movil? Si es asi, para la versión de movil prueba a subir una imagen que se adapte al tamaño que necesites, que será más pequeña.
Un saludo.
Hola Excelente video, pero no me funciona con Flexbox, me podrías ayudar?
esta verificado, el codigo funciona con flexbox. Cambia el max-with a tu punto de ruptura de tablet, pero en la versión mobil deberia haber funcionado con el codigo actual.
Visita esta url, veras que si que funciona con flexbox: infozoos.byteweb.es/contenedores-irregulares/
Saludos.
Hola saludos , me pasa que el efecto no funciona en ios como puedo solucionarlo me sale con zoom extremo y no me deja ver la imagen , tienes alguna solución , muchas gracias
IOS no es compatible con los fondos fijos. revisa este hilo del foro de Apple: developer.apple.com/forums/thread/99883
Hola amigo, saber por qué en iphone no funciona el fondo fijo y como se puede corregir ese problema?
IOS no es compatible con los fondos fijos. revisa este hilo del foro de Apple: developer.apple.com/forums/thread/99883
deja fija la imagen en los sistemas de android y windows ... peroooo en la version ios no se puede sale como pixeleado la imagen , me podrias apoyar para poder dejar fija la imagen en IOS de iphone te lo agradeceria mucho saludos excelente canal :)
Mandame la url
el mismo problema@@byteweb3753
Me hace lo mismo, alguna sugerencia?@@byteweb3753
Hola, tengo el mismo problema en IOS, se pudo solucionar?? :(
Me sucede lo mismo, el efecto funciona perfecto en Android pero en IOS (Iphone) no se percibe, se ve pixeleada y con un zoom impresionante que no deja ver la imagen. Alguien encontró solución?
Hola Carlos, Yo tengo el fondo que quiero dejar fijo en Ajustes del sitio- Fondo y no se en donde poner la clase y el código, me puedes ayudar por favor, Un Saludo
Hola Alfonso, la clase se tiene que poner en el avanzado del contenedor al que quieras poner el fondo fijo. El código CSS lo puedes poner en apariencia/personalizar/CSS adicional.
Un saludo.
@@byteweb3753 Hola Carlos, gracias por la ayuda, hice lo que me dijiste y todo funciona perfectamente en el ordenador y en los móviles Android, pero en los móviles iPhone no quedan las imágenes fijas. Me puedes ayudar con este problema con los iPhone
Buenas amigo excelente la explicación, pero tengo una duda en versión móvil la pagina de me DESPLAZA HACIA LA DERECHA Y SE VE NEGRO UNA PEQUEÑA PARTE HASTA Q MUEVO EL CURSOS PARA AJUSTARLA NO SE COMO QUITAR ESE EFECTO O CONFIGURACIÓN
Hola Ramon, posiblemente es porque tienes algun elementor que te crea un desbordamiento. Una vez detectes cual es , en este post de Elementor te explican como solucionarlo.
elementor.com/help/horizontal-scrollbar-on-mobile-devices/
Saludos
Buenas tardes excelente !! pero no funciona para dispositvos ios, me podrias ayudar para que funciones en apple, muchas gracias.
Hola Alvaro, el codigo no funciona en Apple, pero no es problema del código es del navegador: developer.apple.com/forums/thread/99883
Hola Carlos, ya casi buenas noches por allá. Algún cursito básico y didáctico de Elementor o Astra Pro en su canal ? hace unos días compre Astra paquete essesial o algo así. El punto es que no se nada de ambos. Soy de Divi y Divi Builder y ahora quiero explorar los antes dichos. Divi hace maravillas, pero el precio es alto en especial en carga de móvil, es muy bueno pero hay que saber usarlo sin golosinas . Bueno gracias por cualquier indicación y saludos. 👍
Hola Pat, en mi canal tienes un tutorial de hora y media de la versión gratuita de elementor
También hay algunos de algunas funciones específicas de astra
@@byteweb3753 Genial Carlos 🏃♂️💨iré a buscar lo de Elementor , hay que partir como maquetar primero 👌😃👍
@@patgomez5243 Genial, si tienes dudas no tengas reparo en preguntar.
Saludos.
@@byteweb3753 Lo haré. Si que si 😁
Hola Carlos, mil gracias por este video!! Me funciona en la tablet y en el móvil ANDROID, pero en los IPHONES no funciona :( ..... tienes alguna solución?
Pues no. No he sido capaz de encontrar solución, hay varios subs que me han comentado lo mismo, pero no he sido capaz.
@@byteweb3753 ok, gracias por contestar. Esperemos que apple lo permita pronto😉
@@nenor72 estaría bien. Un saludo
@@nenor72 Hola! tengo el mismo problema, alguien encontró solución?
Me podrias ayudar a controlar el fondo de mi seccion que cambia al hacer zoom y se distorcina el contenido.
Hola Elbert, con tu comentario no me acaba de quedar claro que si te cambia o quieres que te cambie. Me lo puedes aclarar?
hola buen día no me toma el fondo fijo ya lo pegue tal cual y sigue igual
Hola Yolimar, revisa los pasos y el código. Tiene que funcionar.
Si no lo solucionas ponte en contacto conmigo por el formulario de la web: byteweb.es/contacto/
A mi tampoco me funciona, pudiste solucionarlo?
@@Eugineuniforme1 le faltaba definir la clase en los ajustes
@@byteweb3753 Ese no era mi problema, pero ya pude solucionarlo, Gracias de todas maneras¡¡
Excelente video Byteweb, felicitaciones
Buenas, podrías ayudarme con el código css para que funcione en el navegador safari, te lo agradaría mucho 👌
Hola Alvaro, ya te respondí a tu otro comentario, el código no funciona en Apple, pero no es problema del código es del navegador: developer.apple.com/forums/thread/99883
Un saludo.
Buenas, yo tengo un fondo el cual quiero que se aplique a toda la pagina. Ya que las diferentes secciones las tengo con opacidad al 50% permitiendo que al hacer el scroll se vea tambien el fondo.
De la forma que lo has explicado no me es posible que se vea el fondo en estas secciones. Ya que solo lo aplica a la Seccion que tiene el script.
Hola Jorge, pero entonces lo que tu necesitas es un fondo fijo para tablet y movil en toda la página? Es correcto?
@@byteweb3753 Si, he estado probando y haciendo lo que dices en el video en cada sección de mi web, en tablet y movil me funciona perfectamente. Lo unico que lleva mucho trabajo.
@@cambra89 Hoja Jorge, le estuve dando vueltas a tu tema y de primeras me vino la idea aplicar los mismos estilos a una clase de elementor que englobe a todo el contenido de una pagina, prueba con esta a ver si te funciona: elementor-section-wrap
Otra opción es intentar lo mismo con una clase de la plantilla.
Prueba, ya me cuentas que tal te fue.
una consulta. en Android se me ve bien pero en iPhone no. Cómo puedo corregir eso?
IOS no es compatible con los fondos fijos. revisa este hilo del foro de Apple: developer.apple.com/forums/thread/99883
Hola muy buen video, y el codigo lo quitó?
Tienes el código en un enlace en la descripción del video.
Un saludo.
Hola seguí todos lo pasos pero no me deja el fondo fijo, me podrías ayudar
Hola Félix, me puedes mandar la url donde tienes puesto el fondo fijo?
No me funcionó bro, funciona con la última versión de elementor PRO?
estas usando los contenedores flexbox?
probé con ese código para mobile, funciona bien para android pero no entiendo porque no funciona para iphones
Es un problema de Apple y safari: developer.apple.com/forums/thread/99883
@@byteweb3753 Carlos, ¿y cómo hacemos para solucionar eso? La imagen en iPhone me sale pixelada. Muy fea.
f
donde encuentro el codigo?
Lo tienes en un enlace en la descripción del video.
Hola! yo lo hice exactamente como lo muestras en el tutoria...en mi ordenador resulto bien pero en mi celular se ve negro, sin imagen y no esta fijo. : (
Tu celular es Iphone? si la respuesta es que si, con esos dispositivos no funciona.
@@byteweb3753 Alguna novedad sobre los dispositivos Iphone, aun sigue sin funcionar?
@@sebastiancano6152 Pues al no ser el único que le pasa, lo tuve que mirar hace poco y la verdad, no he encontrado solución.
hay una pagina que deja el fondo fijo con IOS si gustas te la paso y la exploras ojala tengas la solucion seria genial de tu parte @@byteweb3753
@@pipinmira1036 Si por favor, mandamela
Hola, cual es el enlace directo al codigo. Hay muchos enlaces y ninguno da directamente. Salduos.
Lo encontre. Gracias
@media screen and (max-width: 767px) {
.back{
background-attachment: fixed;
}
}
Ya vi que lo encontraste.
Exacto, un saludo.
Hay que tener elementor pro para eso???
No. No es necesario
@@byteweb3753 Yo trate pero me sale que el CSS personalizado está bloqueado y solo se desbloquea con la version elementor Pro
@@yamilkabatistaoficial Funciona igual si pones los CSS desde el administrador de tu wordpress vete a apariencia/personalizar/css adicional.
Ya me cuentas.
@@yamilkabatistaoficial Revisa este enlace: prnt.sc/1y2d4xx.
@@byteweb3753 Hola,Gracias por su aporte, esa opcion si me funcionó, al inicio no podía, pero ahora si lo logré, gracias,
no entiendo, donde esta el codigo ccs??¿?¿?
Lo encontré, funciona 👌🏼
Esta en un enlace en la descripción del video, pero te lo dejo aquí: byteweb.es/5-efectos-visuales-para-elementor/
@@Patri_rome Ah, perfecto!!
@@byteweb3753 se me ve correctamente en elementor pero no en el movil 😣
@@Patri_rome Que mobil tienes?
NO ME FUNCIONA
Hola Kennier, con la información que me das no puedo ayudarte mucho, solo te puedo decir que revises el tutorial y los pasos.
Un saludo.
Realice todos los pasos que muestras en el miedo para poder fijar bien la imagen de fondo para celular pero no hace el ajuste