Remove drop cap effect on first letter

  • Resolved adamtheanimator

    (@adamtheanimator)


    5 years, 3 months ago

    Hi there,

    Probably a simple bit of CSS for someone in the know, but for me I have no clue how to remove this large first letter effect in the Libretto theme. Could someone lend a hand? I’m making a website for a family member and it’s not my normal area of expertise!

    He’d just like the text to be all capitals, like the rest of the headline.

    Thank you in advance!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Gemma Evans

    (@gemmaevans)

    5 years, 3 months ago

    Hi @adamtheanimator,

    Sure! Please try pasting the following CSS in to Customize > Additional CSS:

    .format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-letter, .page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-letter, .emphasis:first-letter {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    color: inherit;
}

    That should target every instance of the drop cap letter.

    Let me know how you get on.

    Thread Starter adamtheanimator

    (@adamtheanimator)

    5 years, 3 months ago

    Thank you so much @gemmaevans !That has sorted it.

    Gemma Evans

    (@gemmaevans)

    5 years, 3 months ago

    Excellent, thanks for letting me know 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove drop cap effect on first letter’ is closed to new replies.