Hello,
I have a problem I can not solve, I been searching for a way to have drop caps on my blog.
I tried the following CSS, it works but not perfect!
.entry-content p:first-letter {
letter-spacing:0;
text-transform:uppercase;
color: #c3d395;
font-family:sans-serif;
font-size:5em;
float:left;
margin:0.13em 0.1em 0 0;
line-height:0.55;
}The problem is that you get drop caps on every new <p> (even on "read more excerpt"), to solve this I can read that you have to use "p:first-child:first-letter" but I can not make it to work, I also tried "p:first-line:first-letter" with no luck.
Is there a way around this without needing to edit every post and use <span> tag?
Thanks
Soren