WordPress: How to Create First Big Letter (Capital Letter)

Wordpress How to Create First Big Letter (Capital Letter)

As you may have noticed, the first letter at the beginning of the articles on my blog is capitalized and a few sizes bigger than the rest of the text – a “first big letter”. As it’s grammatically correct, the first letter of a sentence is capitalized, but did you know you can also make it bigger? Today I will be teaching you how to implement this feature on your blog. The feature is known as “drop cap”. Drop caps are those big first letters that you see at the beginning of paragraphs. They are common in magazines and newspapers and, in recent years, they have become quite popular on the web too. If you’d like to style up your posts with a drop cap, it’s easy enough to do so. Follow the instructions below:

  1. Log into your WordPress Admin interface.
  2. Appearance.
  3. Customize.
  4. Additional CSS.
  5. Copy and Paste the code below.
  6. Publish.
div.entry-content p:first-child:first-letter {
float:left;
font-size:4em;
font-weight: 900;
color: #ododod;
margin-right:0.10em;
line-height:90%;
text-shadow: 0.05em 0.05em #c1c1c1c1;
}

You can customize the code according to your taste. For example, to change the standard color: #ododod select one of the hex color codes at this page. The font-weight property accepts either a keyword value or a predefined numeric value. The available keywords are:

  • normal
  • bold
  • bolder
  • lighter

The available numeric values are:

  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

🧡 Please Support My Work by Making a Donation. This post was updated on