Como colocar um círculo branco atrás da seta do slider

richardx · 16/03/2022

Buenas a todos. Necesito poner un círculo blanco detrás de la flecha de un slider. El problema es que le pongo un z-index:2 al botón y un z-index:3 a la flecha, y de todos modos se sigue viendo detrás. Qué puedo hacer para solucionarlo? Para el slider usé el widget Slides de Elementor.
Acá dejo una foto. Se agradece la ayuda!

Henry00jj95 · 16/03/2022

richardx disse:
Buenas a todos. Necesito poner un círculo blanco detrás de la flecha de un slider. El problema es que le pongo un z-index:2 al botón y un z-index:3 a la flecha, y de todos modos se sigue viendo detrás. Qué puedo hacer para solucionarlo? Acá dejo una foto. Se agradece la ayda!

prueba en ponerle un valor mas alto para que se ponga al frente, ejemplo z-index:99 y vas subiendo. hasta que quede.

richardx · 16/03/2022

Henry00jj95 disse:
prueba en ponerle un valor mas alto para que se ponga al frente, ejemplo z-index:99 y vas subiendo. hasta que quede.

Si si, probé hasta con números altísimos pero igual no hay caso.. es un widget de elementor, se llama slides. Quizás algo en el código del widget no lo permita, no lo sé

Henry00jj95 · 17/03/2022

richardx disse:
Si si, probé hasta con números altísimos pero igual no hay caso.. es un widget de elementor, se llama slides. Quizás algo en el código del widget no lo permita, no lo sé

agrega codigo nativo para ver que tal va.

Immoral Dev · 17/03/2022

Intenta agregandole !important

samuelsuteras · 17/03/2022

position: absolute al elemento que quieras que se posicione por encima del otor y luego le aplicas el z-index

Como colocar um círculo branco atrás da seta do slider

richardx

Anexos

Henry00jj95

richardx

Henry00jj95

Immoral Dev

samuelsuteras

Tópicos similares