ThemeShaper Forums » Thematic

[closed]

CSS p:first-child:first-letter

(1 post)
  • Started 8 years ago by soren
  • This topic is not resolved
  1. 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

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.