[Resolved] js-partices por detras de los botones

[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

[Leo]

Hi there,

Not sure if I understand.

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

[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.

safegest.com

[Leo]

Try setting z-index to 1 in this GB container:
https://www.screencast.com/t/OLy6pxVFWy

https://docs.generateblocks.com/article/container-overview/#outer-z-index

[carlos]

Perfect!

Thanks Leo! 😉

[Leo]

No problem 🙂

[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

[Ying]

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!

[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

[Ying]

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

[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!

[Ying]

You are welcome 🙂

[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)

[Elvin]

Hi Carlos,

Can you try adding this CSS?

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

[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

[Author]

Posts