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?
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
.
<style>
#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;
}
}
</style>