Site logo

[Resolved] js-partices por detras de los botones

Home Forums Support [Resolved] js-partices por detras de los botones

Home Forums Support js-partices por detras de los botones

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #2012552
    carlos

    Buenas, tengo un problema en la pagina home de mi web, no puedo pulsar los botones porque js-particles esta por encima de ellos, el codigo es el siguiente, cuando lo quito de las css, si que me deja pulsar los botones.

    `/* js-particles css */
    }
    .gb-container.particle-background {
    position: fixed;
    z-index: 0;
    }

    #particles-js {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    }

    Que es lo que debo modificar en el codigo para que se quede por detras de los botones y el texto?

    Un saludo

    safegest.com

    #2012688
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure if I understand.

    Does the issue exist without the CSS you’ve added above?

    #2012705
    carlos

    Hi Leo,

    The problem is that js-particles is over the button, then i Can not click the button. I need that button is over js-particles.

    Whithout css the button is ok i can click, but with css, js-particles is active, then the button can not click.

    https://www.dropbox.com/s/3y89piwnjwphyxz/Screenshot_1.png?dl=0

    safegest.com

    #2012753
    Leo
    Staff
    Customer Support
    #2012767
    carlos

    Perfect!

    Thanks Leo! 😉

    #2013496
    Leo
    Staff
    Customer Support

    No problem 🙂

    #2013724
    carlos

    Hello again Leo.

    I just noticed something.

    After testing what you told me yesterday I saw that the container stayed above js-particles and then in that part of the page the user could not interact with js-particles and in the rest of the page if he could, so not I liked it because it seems a failure of the web for the user.

    What I have tried has been to clone the web that worked well for me and the current one and I have noticed that what causes the failure is the update of the generablocks plugin:

    Here is the website of the updated generateblocks plugin:

    https://safegest.com/

    https://www.dropbox.com/s/vkwv9hilxffjdkw/Screenshot_3.png?dl=0

    Here is the generateblocks website not updated

    https://definitivo.safegest.com/

    https://www.dropbox.com/s/nmdrgq1bkk4b4zc/Screenshot_4.png?dl=0

    I would like my website to be like this again https://definitivo.safegest.com/ (to be able to click on the button and for the user to interact with js-particles in the rest of the containers)

    Un saludo

    #2013732
    Ying
    Staff
    Customer Support

    Hi there,

    Both of the site links works well on my side:
    https://www.screencast.com/t/5cjLGGlYY

    Isn’t this what you see?

    Let me know if I miss anything!

    #2013734
    carlos

    It’s true!!! If I try it in incognito mode, it also works for me on both websites.

    If you see them in non-incognito mode, does it work for you?

    If so, maybe it is the incompatibility of some chrome extension.

    Un saludo

    #2013737
    Ying
    Staff
    Customer Support

    Yes, they both work for me in non-incognito mode 🙂

    #2013739
    carlos

    thanks Ying, I have tried with other browsers and it works it must be some chrome extension that is incompatible when I update generateblocks

    Thanks for everything!

    #2013742
    Ying
    Staff
    Customer Support

    You are welcome 🙂

    #2013895
    carlos

    Hola Ying,

    Resulta que si que es cierto que ya no se puede pulsar el boton, se quedo por debajo del js-particles y si q se debe al actualizar el generateblocks.

    Lo he probado con otros navegadores y desde otras IP y no funciona en ninguna de las web, el boton se quedo por debajo y no se como colocarlo donde estaba, es decir por encima del js-particles.

    https://safegest.com/

    https://definitivo.safegest.com/ (ahora actualice todo por eso tambien el boton se ve por debajo en esta web)

    #2013908
    Elvin
    Staff
    Customer Support

    Hi Carlos,

    Can you try adding this CSS?

    .gb-container.gb-container-2248ac11 {
        z-index: 1;
        position: relative;
    }
    #2013914
    carlos

    Hola Elvin, si justo eso lo probe con Leo y funciona, el problema es que el contenedor .gb-container.gb-container-2248ac11 se pone por encima de js-particles y lo unico que debe aparecer por encima de particles es el boton, no todo el contenedor, tal y como lo tenia antes:
    https://www.screencast.com/t/5cjLGGlYY

    Si pasas el raton por encima con este codigo:

    .gb-container.gb-container-2248ac11 {
    z-index: 1;
    position: relative;
    }

    Se superpone todo el contenedor a particles y por tanto particles no reacciona al pasar el raton.

    Lo que debe estar por encima de particles es unicamente el boton y no el contenedor.

    probe esto:

    .gb-button-wrapper {
    z-index: 999999!important;
    }
    a.gb-button.gb-button-2e8ce59d {
    z-index: 22!important;
    }

    pero no funciono tampoco

    Un saludo

Viewing 15 posts - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.