Cómo configurar viñetas con imágenes personalizadas en CSS

  • Autor Autor Usuario eliminado 192911
  • Fecha de inicio Fecha de inicio
U

Usuario eliminado 192911

Buenas,

Tengo un problema con la configuración de imágenes para los estilos de las viñetas.
Tengo definido este estilo

.vin1{
list-style-image: url('https://www.qualityconta-international.com/wp-content/uploads/sites/31/2018/02/guion.png');
}


y en el texto
<ul class="vin1>
<li>dedede</li>
<li>deded</li>
</ul>

Sin embargo, no coge la imagen.
¿Qué puede ser?
¿Me podéis ayudar?
Mils gracias de antemano,
 
Hola! Creo que el error está en utilizar una class. Prueba a eliminar la clase y el el CSS aplica el list-style-image directamente a la etiqueta ul.
Es decir:

ul {
list-style-image: url('https://www.qualityconta-international.com/wp-content/uploads/sites/31/2018/02/guion.png');
}
<ul>
<li>dedede</li>
<li>deded</li>
</ul>

En mi opinión debería funcionar, no he podido comprobarlo. Si no funciona así no sabría cómo hacerlo ahora mismo. Espero que te sirva.
 
Gracias!!

Algo me debe estar haciendo wordpress...porque aún poniéndolo directamente, en el cms me lo muestra bien pero después en la web no (a pesar de haber borrado caché)

HTML:
<ul style="list-style-image: url('https://www.qualityconta-international.com/wp-content/uploads/sites/31/2018/02/guion.png')">
<li>dedede</li>
<li>deded</li>
</ul>

Investigaré.
Gracias anyway
 
Atrás
Arriba