Adding a drop cap to article posts in the CMS editor

Community resources General
3

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>
1 Like