Get all themes with lifetime updates for 95 USD. View all promotions

How to add a drop cap to your full post

What is becoming a standard feature with our themes is the use of a “drop cap” which adds extra visual style to your full posts.

m dropcap

With this theme, you can enable it (off by default) or disable it. You can also change the colour of it from the “Colours” tab of the customizer. Normally drop caps are 3-4 lines in height, but you can use the Additional CSS tab in the customizer to change the font size for this if you wish. The code used for the drop cap looks like this:

.single-post .entry-content > p:first-of-type::first-letter {     font-weight: 700;     font-style: normal;     font-family: "Times New Roman", Times, serif;     font-size: 9rem;     line-height: 6rem;     float: left;     margin: 8px 0 0;     padding-right: 1rem;     text-transform: uppercase; }

I would recommend keeping it to the size it is, but you at least have the option to modify it by copying the code above and paste it into the Additional CSS tab of the customizer. Remove whatever lines you don’t want to modify, but those that you keep, you can use what you see as a guideline.

Enable Your Drop Cap

  1. Go to Appearance >> Customize >> Theme Options
  2. Look for the “Show Full Post Dropcap” setting and check the box next to it.
    m dropcap setting
  3. If you decide to change the colour, go to the “Colours” tab and find the “Dropcap Letter Colour” setting and change the colour.
    m dropcap colour setting
  4. Click “Save & Publish