Drop cap to CMS rich text block

Design help Custom code
1

Hi, I want to add a dropcap to the first letter of CMS rich text. This is the read-only link https://preview.webflow.com/preview/poocho-sep-2020?utm_medium=preview_link&utm_source=designer&utm_content=poocho-sep-2020&preview=ec13a410f962f40401f7d27818a28ad5&pageId=604a87ab5e82d2a6c3a2441e&itemId=6055e85f96329b182d738b0e&mode=preview, where I’m using this.

I saw one post earlier on the forum but the images are no longer visible which is why I couldn’t understand it. Could you please help?

Thanks.

Here is my site Read-Only: https://preview.webflow.com/preview/poocho-sep-2020?utm_medium=preview_link&utm_source=designer&utm_content=poocho-sep-2020&preview=ec13a410f962f40401f7d27818a28ad5&pageId=604a87ab5e82d2a6c3a2441e&itemId=6055e85f96329b182d738b0e&mode=preview
(how to share your site Read-Only link)

2
3

The links are all broken in that reply now. Sorry.

4

You do not need links as all information you need are in response to it and you can just use provided code.

Selector
div p:first-of-type:first-letter

style

.dropcap {
    display: inline;
    margin-right: 10px;
    padding-left: 10px;
    float: left;
    border-left-style: solid;
    border-left-width: 7px;
    border-left-color: rgb(223, 0, 0);
    color: rgb(214, 5, 5);
    font-size: 86px;
    line-height: 71px;
    font-weight: 700;
}

if this is not enough information you can search this forum as it is a great resource for solved issues as eg:

and many others.

Or read some articles like:

Or find some videos on YT.