Adding background to numbered bullet list

Hi there,

try this CSS:

.entry-content ol {
    list-style-type: none;
}
.entry-content ol {
    counter-reset: list-counter;
}
.entry-content ol > li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: #183354;
    border-radius: 100%;
    margin-top: 6px;
    margin-left: -28px;
    font-weight: 800;
    font-size: 15px;
}

Worked! Thankyou

You're welcome