Conociendo la propiedad text-transform

En ocasiones nos encontramos que cualquier texto que añadimos a nuestro blog no aparece como en realidad lo escribimos.
Normalmente comenzamos a escribir con mayúsculas sin embargo nos encontramos que nuestro texto se convierte de forma que añade mayúsculas al principio de cada palabra, otras el texto aparece todo en mayúsculas o por el contrario todo en minúsculas.
Eso ocurre por la propiedad text-transform añadida en la CSS de nuestra plantilla.

text-transform: capitalize;

text-transform: uppercase;

text-transform: lowercase;

text-transform: none;

Con capitalize cada palabra comenzará en mayúsculas.
Esto Es Un Texto Con La Propiedad Capitalize

uppercase mostrará todo el texto en mayúsculas.
ESTO ES UN TEXTO CON LA PROPIEDAD UPPERCASE

lowercase mostrará todo el texto en minúsculas.
esto es un texto con la propiedad lowercase

El valor none respetará el texto tal cual lo hayamos escrito.
Esto es un texto con la propiedad none

Para solucionarlo debemos ubicarnos en plantilla Edicción de HTML y localizar la parte que deseamos modificar.

Si es en el blog en general lo haremos en body {
El título del blog en #header h1 {
Para descripción debajo del título ubicaremos #header .description {
En las entradas buscaremos .post {
En los títulos de la sidebar en .sidebar h2 {
Si fuera la sidebar en .sidebar {
Al final de las entradas en .post-footer {
En comentarios nos llevaría a #comments {
Los enlaces también pueden contener la propiedad text-transform, los podemos modificar ubicando body { y a continuación:

* a:link "tal y como lo vemos"
* a:visited "enlace visitado"
* a:active "cuando se está pulsando"
* a:hover "con el cursor encima"


Puede que deje algún otro sitio más, si fuera así me lo comentáis y lo añadimos pero con eso creo podemos localizar nuestro problema, también es posible que según plantilla venga reflejado de otra forma pero en todas es posible solucionarlo.

0 comentarios:

Publicar un comentario