Removing drop caps

• 

  jeffoflynn · Member · Sep 28, 2014 at 3:18 pm

  • Copy link
  • Add topic to favorites

  I want to remove the drop caps from my first paragraph in the Book Lite theme. In editing the CSS I found out how to change the size of the first letter to match the body text but I am unable to remove the drop part. In other words, the letter is pushed below the rest of the letters on the line. Can you help me figure out how to remove the drop caps entirely from the first letter of the first line of p? Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Sep 29, 2014 at 4:56 pm

  • Copy link

  Hi there, I see no drop caps on your site right now, so I worked this out using the Book Lite demo site.

  .format-standard .entry-content > p:first-child:first-letter, .page .entry-content > p:first-child:first-letter {
      float: none;
      font-size: initial;
      line-height: inherit;
      margin: 0;
  }

  Give it a try and see how that works for you.

• 

  jeffoflynn · Member · Oct 2, 2014 at 12:05 am

  • Copy link

  Thank you!

• 

  thesacredpath · Member · Oct 2, 2014 at 2:40 am

  • Copy link

  You are welcome.