.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; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

Personalizar la primera letra de las entradas del blog

8 dic 2019
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






ver código 


- Copia este código.

.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

Deja tu comentario y en breve te contestaremos