Limit Drop Cap to first letter of document

• 

  winbiblecoach · Member · Jul 18, 2013 at 3:15 pm

  • Copy link
  • Add topic to favorites

  I added a code dropcap, but it appears on every paragraph of Docs. How do I limit the drop cap to Intro Letter only?

  Please view wipoutreach.wordpress.com

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

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 18, 2013 at 3:23 pm

  • Copy link

  Hi there. To make it appear only on the first paragraph, you’ll need to change

  p:first-letter { ... }

  to

  p:first-child:first-letter { ... */ }

  in your custom CSS.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 18, 2013 at 3:24 pm

  • Copy link

  Sorry, ignore the */ in that code. The part you need to add is “:first-child”

• 

  winbiblecoach · Member · Jul 19, 2013 at 1:17 am

  • Copy link

  Thanks for your help, yes I tried that earlier, but because I have h5/intro (scripture) before the body text first-child:first-letter, it only works on pages with without a statement before the main body text.

  Is there a code to direct the Drop to the paragraph’s body first letter only?

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 19, 2013 at 1:34 am

  • Copy link

  Ahh, gotcha. I missed that when I went in the first time. You should be able to use this:

  p:first-of-type:first-letter { ... }

• 

  winbiblecoach · Member · Jul 19, 2013 at 2:27 am

  • Copy link

  GREAT, works perfectly. Thanks so much

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 19, 2013 at 5:42 am

  • Copy link

  You’re welcome! Glad it worked.