The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Wanted to share a solution (Drop-caps)

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #43883

    So this article:

    Addresses CSS and Drop-caps. Problem was, I needed only the first letter (of all first paragraphs) to be a Drop-cap. This was suggested by the author:


    But that doesn’t have < ie8 support. So I thought really hard and came up with this: #column-left h6 + p:first-letter {
    font-size: 3em;

    Basically ensuring that only paragraphs immediately following the h6 tag would be drop-cap-a-fied. And it works on IE 10, 9, 8, and 8 compatibility mode so I’ll assume 7.

    I think this is a solution that could work for a lot of people … though admittedly I don’t think a lot of people have drop-cap issues :). Here’s the site I’m working on that I implemented the fix on:

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.