Archivo de la etiqueta: CSS

Desactivar la división de palabras con guiones en WordPress

En las últimas versiones de WordPress podemos ver que a veces se dividen con guiones las palabras al final de las líneas y continúan en las líneas siguientes, para ajustar mejor el texto al ancho disponible. Esto es una característica experimental de CSS3 de la que hacen uso las plantillas de WordPress.

Si por algún motivo queremos desactivar esta característica, debemos editar la plantilla que estemos usando (o mejor, editar un child theme) buscando en el archivo style.css  la siguiente etiqueta:

word-wrap: break-word;

Y sustituir todas las veces que aparezca el valor break-word por normal, dejándolo así:

word-wrap: normal;

También debemos buscar líneas como las siguientes:

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

Y sustituir los valores auto por none:

-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;

Con estos cambios ya no debería dividirse ninguna palabra, aunque si sólo queremos desactivar la división de palabras en algunas zonas del blog y no en todas, debemos prestar atención a los elementos a los que pertenecen los valores que estamos cambiando. Por ejemplo, para la plantilla de 2013, twentythirteen, debemos aplicar estos cambios al apartado .entry-content si queremos desactivar la división por guiones sólo para el contenido de los posts, o a .widget para hacer lo mismo con los widgets.

Más información: