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
No hay comentarios:
Publicar un comentario
En breve les contestaremos