Learn how to differentiate your texts with drop cap

Dropcaps ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Using drop caps in your posts will bring attention to your paragraph and help create an elegant aesthetic, similar to the ones found in magazines

Step 1

Go to your dashboard and click Appearance, Custom Css, Update Custom CSS, and add the following code:
.et-dropcap {
font-size: 95px;
line-height: 0.7;
color: #9ae5d3;
font-family: Times;
padding-top: 10px;
You can change the font size, line-height, color, fonts, and padding.

Step 2

In the Text module, insert the words in the text box. Then click Save and Exit and your drop cap will appear.


Tip #1

The drop cap’s font doesn’t have to the same font as the text. It is common for drop caps to have a cursive font or another font that make it stand out form the rest. 

Tip #2

Drop caps don’t necessarily have to be one letter. It can be an entire word to grab the readers interest right away


Tip #3

Don’t use for each paragraph, unless in columns. Drop caps should be used sparingly to create a contrast for important information.