Soporte » Guías – Resolución de problemas » Viñetas del bloque lista de Gutenberg

  • Resuelto danigomu

    (@danigomu)


    Hola,

    Tengo una pequeña pregunta con las viñetas de los elementos de la lista con sangría del núcleo de Gutenberg…

    Anteriormente en mi sitio, el estilo de elementos de lista con sangría era un círculo vacío (círculo). Ahora son sólidos (discos) y no entiendo qué ha podido pasar. Ver tema: https://ibb.co/fnhqwsH

    Sabéis cuál puede ser el problema y cómo podría recuperar las listas por defecto de gutenberg? He reinstalado WordPress y no se ha solucionado.

    Muchas gracias.

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • fran

    (@circunovo)

    Hola!
    Antes de nada, tienes una copia de seguridad hecha?…si?, perfecto…Eso es lo primero que hay que hacer antes de toquetear WP…

    Yo uso un plugin para gutemberg que amplia las opciones de personalización, entre ellas la forma del estilo para las listas…
    Captura-de-pantalla-2022-03-01-a-las-11-49-10

    Puedes buscarlo desde WP con el nombre: «Gutenberg Blocks Library & Toolkit – Editor Plus».
    Captura-de-pantalla-2022-03-01-a-las-12-18-15

    Si te sirve, comentalo y cierra la consulta.
    Eso ayudara a otra gente con el mismo problema, a encontrar una solución.
    Un saludo.

    • Esta respuesta fue modificada hace 2 años por fran.
    • Esta respuesta fue modificada hace 2 años por fran.
    • Esta respuesta fue modificada hace 2 años por fran.
    • Esta respuesta fue modificada hace 2 años por fran.
    Moderador jose64

    (@jose64)

    Hola @danigomu.

    Bienvenido al foro de soporte. La opción que te indica @circunovo es muy buena porque te amplía las opciones de edición. Los estilos de la viñeta seguramente cambiaron al hacerse una actualización, son los estilos por defecto del bloque o del tema. Puedes modificarlo añadiendo una clase específica a las listas que quieran otro estilo en el apartado Avanzado > Clase(s) CSS adicional(es) del menú del bloque, por ejemplo estilo-lista y definiéndola en un tema hijo o en el CSS adicional del tema, en la ruta Apariencia > Personalizar con este código:

    .estilo-lista {
    	list-style-type:circle;
    }

    O si quieres que se aplique a todas las listas sin necesidad de añadir ninguna clase hacer el cambio global añadiendo este código:

    ul {
        list-style-type: circle;
    }

    Te dejo información con las opciones que tienes para personalizar las listas:

    Aplicación de estilo a listas

    Tecnología para desarrolladores web > CSS > list-style-type

    CSS list-style-type Property

    Iniciador del debate danigomu

    (@danigomu)

    Hola! Muchas gracias a los dos por vuestras respuestas.

    El caso es que creo que no me he explicado muy bien. Justamente lo que necesito es volver a tener las listas por defecto de WordPress porque me gustan así, pero el bullet de item de lista con sangría se ha cambiado de la noche a la mañana sin tocar nada…

    Lo curiosamente raro es que en el editor lo estoy viendo como debería de ser, con un bullet para los sangrados distinto, pero cuando actualizo y lo veo en la página pública se ve distinto. ¿Un enigma verdad?

    VISTA EDITOR: https://ibb.co/5h2htV0
    PÁGINA PÚBLICA: https://ibb.co/7SGLvJb

    PD: Estoy usando la versión de WordPress actual: 5.9.1

    Gracias.

    • Esta respuesta fue modificada hace 2 años por danigomu.
    fran

    (@circunovo)

    Hola!
    Pues yo voi a ñadir un poco mas de misterio… yo en el editor tambien veo una cosa y en la web otra, solo que a mi me pasa al reves que a ti.

    En el editor de wp:
    veo el primer nivel con el circulo lleno y el segundo nivel (con sangria) con circulo blanco…sin embargo al publicarla veo la lista igual, todas con el circulo lleno
    vista-editor

    En el navegador (viendo la pagina publicada)
    La lista de segundo nivel, con sangria, me la muestra con los circulitos llenos (el plugin no los cambia)
    vista-web

    Intenta lo que te comenta Jose Luis, seguro que asi solucionas.
    Un saludo…

    Moderador jose64

    (@jose64)

    Hola.

    Estoy haciendo la prueba con Una instalación limpia y los temas Twenty Twenty-One y Twenty Twenty-Two, en los dos se ve correctamente con el primer nivel sólido y el segundo un círculo. Sin embargo si activo el tema Astra se ven los dos niveles con círculos sólidos. Revisando con el inspector de elementos se ve que el tema sobrescribe el CSS por defecto.

    No se que tema estaréis usando pero seguramente pase lo mismo, para resolverlo hay que añadir el estilo que se necesite para el subnivel en el CSS adicional del tema, por ejemplo:

    li>ol, li>ul {
        list-style-type: circle;
    }

    Para cambiar todos los secundarios, o para cambiar solo los segundos y terceros:

    li ol, li ul {
        list-style-type: circle;
    }
    
    li ol li ul, li ul li ul {
        list-style-type: decimal;
    }
    Iniciador del debate danigomu

    (@danigomu)

    Hola!

    Gracias por responder. @jose64 con ese CSS se soluciona… aunque no me quedo a gusto como quién dice, porque no debería de estar pasando esto.

    Es curioso, yo estoy utilizando Generatepress (última versión) y lo primero que hice es consultar en el foro de soporte del tema, a lo que me respondieron que Generatepress no tiene control sobre las listas del nucleo de Gutenberg. Podéis ver aquí el hilo.

    ¿qué tema estás usando tú @circunovo?

    fran

    (@circunovo)

    Hola!
    Pues yo tambien estoi usando «Generatepress» (hijo) y WP 5.9.1, a mi me pasa lo contrario que a ti ¿?…misterior de la informatica, ja,ja,ja.

    Captura-de-pantalla-2022-03-02-a-las-22-30-13

    No se si el pulgin que te comente tendra algo que ver…a veces se vuelve un poco «especial» con algunos ajustes de personalización …
    Si conseguistes solucionarlo…no te olvides de cerrar el debate.
    Eso ayudara a otr@s usuarios, con el mismo problema, a encontrar una solución.
    Un saludo!

    • Esta respuesta fue modificada hace 2 años por fran.
    Iniciador del debate danigomu

    (@danigomu)

    Buenos días,

    @circunovo nos pasa lo mismo a los dos: veo el primer nivel con el circulo lleno y el segundo nivel (con sangria) con circulo blanco… sin embargo al publicarla veo la lista igual, todas con el circulo lleno.

    No creo que tenga nada que ver con el plugin que comentas porque yo no tengo el plugin instalado, y @jose64 comenta que también le pasa con una instalación Worpdress limpia y el tema Astra.

    De momento, queda solucionado con este CSS:

    li>ol, li>ul {
        list-style-type: circle;
    }

    Marco el hilo como resuelto aunque sigamos hablando.

    • Esta respuesta fue modificada hace 2 años por danigomu.
    fran

    (@circunovo)

    Hola!
    Perdon!! te habia entendido mal danigomu, si, nos pasa lo mismo, pero a mi me sirve asi 😉

    Para cualquier otra duda/problema mejor crea un debate nuevo. Por aqui andaremos.

    Un saludo!

    • Esta respuesta fue modificada hace 2 años por fran.
Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘Viñetas del bloque lista de Gutenberg’ está cerrado a nuevas respuestas.