Imágenes en listas con viñetas

Una de las personalizaciones más habituales es cambiar el estilo de los iconos utilizados en las listas desordenadas, o con viñetas. A nadie se le ocurre cambiar las ordenadas, que a fin de cuentas son números, pero si puedes hacer algo más bonitas tus listas desordenadas, o al menos más a tu gusto.

Hacerlo, además, es muy fácil, solo conlleva dos pasos, estos:

  1. Sube el icono elegido a la carpeta images de tu tema o tema hijo (o como se llame la carpeta).
  2. Añade el CSS necesario a la hoja de estilos (normalmente style.css), o sustituye el actual como en este ejemplo:
    ul {
        list-style-image: url(images/bolita.png);
    }

Guardas los cambios y ya está, verás una bonita lista con viñetas con – en este caso – bolitas:

  • Un elemento
  • Otro elemento

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 4.4 / 5. Total de votos: 9

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

1 comentario en “Imágenes en listas con viñetas”

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido