texto cortado

el_tigre · #1 (**permalink**) 26/04/2013, 15:53

Una pequeña duda amigos, cuando ingreso un texto en mi WP, el texto se corta y le pone una rayita, ejemplo:

“Mire alrededor y verá aflicción; mire hacia su interior, y se sen-
tirá deprimido; mire a Jesús y tendrá reposo.”

Cómo puedo solucionarlo?

esta es la web

Saludos

Naahuel · #2 (**permalink**) 27/04/2013, 17:54

Podrías haber puesto una página en particular donde se observe el problema :P

Esos son guiones (en inglés "hyphens"). Si el texto está justificado, a mi me gustan los guiones pues ayudan a la legibilidad (no me gusta el texto justificado en web).

En tu sitio, encontré las siguientes reglas en tu hoja de estilos (style.css):

Código CSS:

Ver original.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    [...]
}
 
.site-content article {
         [...]
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

Simplemente eliminá:

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

en ambas reglas.

el_tigre · #3 (**permalink**) 29/04/2013, 07:14

Muchas gracias amigo, excelente respuesta

#4 (**permalink**) 29/04/2013, 20:12

Cita:

Iniciado por Naahuel

Podrías haber puesto una página en particular donde se observe el problema :P

Esos son guiones (en inglés "hyphens"). Si el texto está justificado, a mi me gustan los guiones pues ayudan a la legibilidad (no me gusta el texto justificado en web).

En tu sitio, encontré las siguientes reglas en tu hoja de estilos (style.css):

Código CSS:

Ver original.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    [...]
}
 
.site-content article {
         [...]
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

Simplemente eliminá:

-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

en ambas reglas.

gracias desconocia esas utilidades c:

Naahuel · #5 (**permalink**) 29/04/2013, 20:14

Tené en cuenta que está en estado experimental todavía
https://developer.mozilla.org/en-US/docs/CSS/hyphens