Cómo colocar un círculo blanco detrás de la flecha de slider

richardx · 16 Mar 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 Mar 2022

richardx dijo:
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 Mar 2022

Henry00jj95 dijo:
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 Mar 2022

richardx dijo:
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 Mar 2022

Intenta agregandole !important

samuelsuteras · 17 Mar 2022

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

Cómo colocar un círculo blanco detrás de la flecha de slider

richardx

Adjuntos

Henry00jj95

richardx

Henry00jj95

Immoral Dev

samuelsuteras

Temas similares