CODEWITHSUNDEEP
css
datasn.io
datasn.io

Reputation: 12867

Drop cap style weirdness

I applied .drop_cap class to the first letter of every post, such as this: http://www.mossoreviews.com/193-safe-er-grip-bath-and-shower-handle-review/

It's all right in Firefox13. However, in Chrome17 and IE9, not only the first letter is .drop_cap styled but also the second letter is styled exactly the same, as if the second letter is also en-wrapped in 

<span class="drop_cap"></span>

But it actually is NOT. Any idea how this is happening and how I can fix this?

Upvotes: 1

Views: 168

Answers (1)

jeffjenx
jeffjenx

Reputation: 17467

Your CSS declaration is applying the drop cap styles to both your span and the paragraph:

.drop_cap, .entry > p:first-of-type::first-letter

This line should only be one or the other.

Either remove the span around your first character and take advantage of the :first-letter CSS property, or remove the .entry > p:first-of-type::first-letter from your selector.

Upvotes: 2

Related Questions