Adding a drop cap to article posts in the CMS editor

Does anybody have a step by step video/walk through of how to add a drop cap onto your blog posts/articles on your website via the CMS editor? Like this?

How to Make Eye-Catching Drop Caps in CSS-1

Text span the first letter & make it bigger

The best way would be to give your paragraph an id and then add an HTML embed and use some custom CSS.
Here I’m accessing the first paragraph in the body where I’ve given an id of main-body.

#main-body-p p:first-child::first-letter {
    font-family: Baskerville,Georgia,sans-serif;
    font-size: 55px;
    margin-top: 17px;
    margin-bottom: 8px;
    margin-right: 8px;
    float: left;

@media all and (max-width: 767px) {
    #main-body-p p:first-child::first-letter {
    font-size: 48px;
    margin-top: 13px;
    margin-bottom: 7px;
    margin-right: 7px;
1 Like