Ajusta los títulos con text-transform

Como curiosidad para esta entrada me comentaba mi mujer que volvía a tener los títulos de las entradas con la primera letra de cada palabra en mayúscula. Y digo curiosidad porque es una cosa que me ha traido de cabeza desde que instalé el tema que estoy utilizando actualmente, desde siempre recuerdo que los títulos han salido así, lo cual en inglés sería semánticamente correcto pero no en español, así que me extrañaba porque yo no tengo constancia de que en ningún momento los títulos saliesen como debían.

Estuve buscando el problema como un loco, me repasé todo el código de los distintos archivos del tema y nada, no había manera, incluso miré en la página de php para averiguar que código controlaba los títulos pero ese código no estaba en wordpress (al menos no con ese nombre) y al final desistí, total en cualquier momento instalo otro tema y soluciono el problema de un plumazo.

Pues hace un rato y precisamente buscando otra cosa en el archivo CSS dí con un trozo de código que me llamó la atención (raro que no me hubiese fijado antes), entonces fué cuando ví la luz al final del tunel y buscando un poquito por ahí pude solucionar el problemilla.

La propiedad que maneja los títulos es text-transform y en el style.css hay que buscar .postname:

.postname {
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:1.9em;
color:#000;
list-style:none;
text-align:left;
text-transform:capitalize;
padding-bottom:4px;
line-height:normal;
}

Y dejarlo así:

.postname {
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:1.9em;
color:#000;
list-style:none;
text-align:left;
text-transform:none;
padding-bottom:4px;
line-height:normal;
}

Esto suponiendo que queramos que los títulos de las entradas salgan tal cual escribamos mayúsculas y minísculas, las opciones completas son las siguientes:

  • capitalize: la primera letra de cada palabra sale en mayúscula.
  • uppercase: convierte a mayúsculas todo el texto.
  • lowercase: convierte a minísculas todo el texto.
  • none: muestra el texto tal cual se escribe.

Lógicamente como atributo CSS que es se puede utilizar para cualquier otra cosa además de los títulos, como por ejemplo crear una clase hoygan para cuando copiamos un texto todo en mayúsculas forzarlo a que se muestre en minísculas.

Acerca de Liamngls

Dueño de este humilde blog publico todo tipo de cosas que me gustan. Si te interesan las cosas que publico puedes, además, seguirme en twitter, en google + y/o en quitter.
Esta entrada fue publicada en Webmaster, Wordpress y etiquetada , , . Guarda el enlace permanente.

3 respuestas a Ajusta los títulos con text-transform

  1. destroyer dijo:

    Pues yo pensé que era un tema personal tuyo el poner todas las palabras con la inicial en mayúscula.
    Gracias por comentar el proceso. 😉

  2. Liamngls dijo:

    No jodas, si me lloraban los ojos después de cada entrada que escribía 😆

Los comentarios están cerrados.