Personalizar la primera letra de las entradas del blog

Como podemos hacer que en  nuestra entrada de forma muy sencilla, aparezca la primera letra de diferente tamaño en relación al resto del contenido como podéis ver en mis posts.

Simplemente tenemos que añadir un pequeño código en nuestra plantilla.

Como siempre digo siempre que vamos a modificar algo de nuestra plantilla debemos hacer una copia de seguridad por si algo nos nos sale bien.

Puedes verlo en este post paso a paso.

Ahora que ya tenemos nuestra copia de seguridad vamos a:

Tema >  Editar HTMl

Buscamos ]]></b:skin> y justo antes pegamos este cdigo

.post-body:first-letter {

float:left;
color: #333333;
font-size:100px;
font-family:none;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

font-style: italic;
}

Para personalizarlo a nuestro gusto:

color: #333333; esta parte es el color de la letra

font-size:100px; esta parte es el tamaño de la letra

line-height:80px; y esta otra el tamaño de largo de la letra

font-style: italic; esta es el tipo de tipografía

Indice HTML Plantillas