Agrandir la première lettre d’un article

Publié le 10 juin 2009 par Yin-Yin

Vous pouvez voir dans chacun de mes articles que la première lettre est largement agrandie pour apporter une petite touche personnelle et élégante au contenu.

Je me suis inspiré du sous-thème Illumini qui proposait cet effet visuel dans sa feuille de style.

Il suffit donc de rajouter le code ci-dessous dans la feuille de style de votre scheme de dKret3, ou dans celle de votre sous-thème.

/*AGRANDIR LA PREMIERE LETTRE D'UN ARTICLE */
div.entry-content > p:first-child:first-letter {
display: block;
float: left;
font: 3.7em/66% garamond,georgia,times,serif;
margin-right: 0.06em;
}
div#wrapper div.category-asides div.entry-content > p:first-child:first-letter {
display: inline;
float: none;
font: 1em/200% georgia,times,serif;
margin: 0pt;
}

Voilou @ p’luche…