[Support request] Is there an easy way to add drop text to blog posts? (Wordsmith theme)

[Aaron]

I am looking to add drop text to the first letter on my blog posts. Ideally I’d like to only add it for one specific category, but if it’s easier to just apply it to all posts that will work too. I am not very technical or well versed in CSS and I’m worried I might screw my site up by doing it incorrectly.

[David]

Hi there,

try adding this CSS to your site:

.single-post .entry-content p:first-of-type:first-letter {
  font-weight: bold;
  font-size: 3em;
  line-height: 1;
  float: left;
  padding-right: 0.25em;
}

It should apply the drop cap to the first letter across all posts.

[Aaron]

Thanks David, I installed the Easy CSS plugin and this worked. I appreciate the help

[David]

Glad to hear that!

[Author]

Posts