Archived topic

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

3 replies · Started by Aaron on November 10, 2021

Viewing posts 1–4 of 4

November 10, 2021 at 8:56 am #1998905

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.

November 10, 2021 at 10:49 am #1998984

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.

November 10, 2021 at 11:40 pm #1999578

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

November 11, 2021 at 2:13 am #1999688

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.