• ¡Buenas!

    Creo que todos hemos pasado por el problema de cómo justificar el texto si utilizamos gutenberg…

    Yo me fui a personalizar apariencia e introduje el CSS adicional:

    article .entry-content p {
    text-align: justify;
    }

    Creía que todo había funcionado bien… Hasta que me dí cuenta de que todos los párrafos centrados se habían descentrado 🙁 Si quito el CSS los párrafos se vuelven a alinear en el centro y se des-justifica.

    ¿Le ha pasado a alguien más? ¿Alguien sabe cómo hacer que todo (justificar y alinear en el centro cuando se quiera) funcione simultaneamente?

    Estoy utilizando el tema «tasty» de generatepress, no se si esto influye, ya que al instalar la plantilla también se añade un CSS automáticamente. Muchísimas gracias de antemano! 🙂 LLevo muchas horas probando cosas (desde mi ignorancia) y no consigo nada.

    Un saludo !

    Juan

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

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador kallookoo

    (@kallookoo)

    Hola @juantaracena

    El codigo que pones es generico y por lo tanto remplaza lo definido.
    Una manera seria añadir al parrafo que quieras justificar una class y ese codigo se cambiaria por:

    
    article .entry-content p.nombre-de-la-class {
     text-align: justify;
    }
    

    Aunque actualmente no se recomienda el justificado de textos en las webs y por ese mismo motivo el WordPress lo elimino de sus opciones.

    Iniciador del debate juantaracena

    (@juantaracena)

    Hola @kallookoo!
    Gracias por tu respuesta, pero creo que (error mio) me he explicado mal en mi primer mensaje:

    Ese código había funcionado correctamente justificando todos los textos, el problema es que los párrafos que estaban alineados en el centro se han echado a la izquierda junto con todo lo demás (aunque desde el editor siguen apareciendo centrados).

    Por otro lado también he probado el código: p {text-align:justify;}
    Este también me ha justificado los textos pero me ha descentrado el título… No hay manera de que todo quede correcto 🙁

    Entonces lo que necesitaría sería: un código para justificar el texto que no me alterase nada más, o utilizar el mismo pero encontrar alguna manera de volver a centrar los otros elementos.

    Me parece interesante lo que me comentas de que ya no es recomendable justificar los textos, he leído un rato acerca de esto ya que lo desconocía totalmente. Pero creo que en mi caso es más legible con el texto justificado, también desde el móvil…

    Gracias nuevamente por tu tiempo 🙂

    Moderador kallookoo

    (@kallookoo)

    Hola @juantaracena

    Lo que yo haria seria eliminar toda modificacion que tengas e identificar tanto el CSS como las etiquetas html que usa el theme para asi definir otro CSS adicional que no interfiera.
    Eso lo puedes hacer facilmente con el navegador usando su inspector de codigo.

    Iniciador del debate juantaracena

    (@juantaracena)

    Hola @kallookoo!

    Gracias nuevamente por tu respuesta, al final hic algo así. Me fui al CSS que la plantilla hijo (creo que se dice así) había «superpuesto» y busque el apartado referente a las entradas. Ahí le metí el «text-align:justify» y todo funciona correctamente. Pero sí que es cierto que algunas cosillas (especialmente los títulos grandes) se ven mal en la versión móvil… Me refiero a poco legible por el justificado. En fin, no se cómo lo dejaré al final pero esto me ha servido para aprender jeje

    Un saludo!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘CSS para justificar textos’ está cerrado a nuevas respuestas.