Is there a way to show drop caps?


I’ve migrated a site from Wordpress that has several articles beginning with a drop cap. I know the shortcodes won’t be tranferred, but is there a simple way to add drop caps in Ghost?

Or will I need to add some custom styling?

.post p:first-child:first-letter {
  color: #900;
  float: left;
  font-family: Georgia;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;

Add this code to your site header at /ghost/#/settings/code-injection and customise the font-family, font-size, color, line-height etc. as required.

Hey @DonaldH ,

I was trying to see is if there was a way to manually apply a dropcap (without adding a span, etc). Something that my client could easily click be done with (also allowing them to choose when it appears, instead of every post).

Thank you for the code and answer! It is appreciated :)