Soporte » Diseño – Temas y plantillas » Quiero hacer una lista con iconos personalizables

  • Hola,
    Quiero hacer una lista que indique ventajas y desventajas a modo de lista pero con iconos personalizables. Me gustaría adjuntar un pantallazo pero no encuentro como hacerlo. Es más fácil verlo que explicarlo.
    Quiero hacer el típico diseño en 2 columnas: columna de la derecha inconvenientes y columna de la izquierda ventajas. Quiero que cada cosa que lista en lugar de con números o viñeta de puntos aparezca con un icono de ok o nok. Además el texto de ventajas e inconvenientes quiero que esté con fondo verde o rojo respectivamente.
    Un ejemplo puede ser el que aparece en esta web: https://10mejores.top/robot-de-cocina/

    • Este debate fue modificado hace 2 semanas, 4 días por smfraile.
    • Este debate fue modificado hace 2 semanas, 4 días por smfraile.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Hola @smfraile

    ¿Con qué estas maquetando la pagina? ¿Estás utilizando algún editor visual? ¿editor de bloques?

    Para hacer viñetas personalizadas necesitas hacer un poquito de css:

    tendrás que poner en el style.css de tu tema hijo algo tipo esto:

    
    
    //Aquí tendremos que meter la imagen del icono que queramos
    
        ul {
        list-style-image: url(images/imagen_muestra.png);
           }
    
    

    Espero que te sirva, un saludo

    Hola @martatorre

    Soy principiante y no tengo idea de casi nada.
    La web la estoy haciendo con wordpress y uso el editor visual y de bloques que tiene por defecto wordpress.

    Me he apuntado a un curso donde veré html, css y otras cosas con el objetivo de que me ayude para la creación de una web.

    He leído cosas sobre editar el style.css del tema hijo pero aún no lo he hecho.

    Así que cualquier ayuda es bienvenida.

    Muchas gracias.

    Un saludo

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Debes estar registrado para responder a este debate.