Create a recent post with number

[Hadi Mahmud]

Hello,

How do I create a recent post with a number like in https://www.cyberciti.biz/ ?
Like this http://prntscr.com/p4jlbx

Thank you

[David]

Hi there,

so for the Recent Posts widget on your blog – try this:

.widget_recent_entries ul {
    counter-reset: custom-counter;
    position: relative;
}
.widget_recent_entries ul li {
    counter-increment: custom-counter;
}
.widget_recent_entries ul li:before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    font-size: 20px;
    font-weight: 900;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts