Custom CSS for a .post-content

Hi – I added a custom css to my blog page section because I want to get rid of a stylized first-child:first-letter property. Here’s my code:

.post-content > p:first-child:first-letter {
    float: left;
    margin: 0px 0px 0 0;
    font-family: Open Sans;
    font-size: 15px;
    line-height: 28px;
    color: #696969;
    text-align: center;
}

This is the original code that keeps popping up when I inspect the page:
.post-content > p:first-child:first-letter {
    float: left;
    margin: 0px 12px 0 0;
    font-size: 80px;
    line-height: 65px;
    text-align: center;
}

When I’m looking at it through the customize mode it reflects my new code; however, when I view the page as preview it doesn’t reflect my code (it’s what you see with that link)

Not sure how to get rid of that original unwanted code. Please help, I’ve been stuck on this for a few days now.

• This topic was modified 6 years, 1 month ago by keepearthpretty.
• This topic was modified 6 years, 1 month ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]