[Support request] I want Simiar kind of Number style in my website

[Kartik]

This is my Website
https://fifafootballworldcup.live/fifa-world-cup-live-on-google-chromecast/
https://ibb.co/sQcBwJq

I want there below type of numbring css
https://ibb.co/dc6kNcG –

What css code have to enter there

[David]

Hi there,

try this CSS:

ol {
    list-style: none !important;
    counter-reset: item;
    margin-left: 0 !important;
    padding-left: 2.4em !important;
    position: relative;
}
ol li {
    counter-increment: item;
    padding-bottom: 0.35em;
}
ol li::before {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0.8em;
    margin-right: 10px;
    content: counter(item);
    background: #482d70;
    border-radius: 100%;
    color: white;
}

[Author]

Posts