[Support request] Create a recent post with number

Home Forums Support Create a recent post with number

  • This topic has 1 reply, 2 voices, and was last updated 1 year ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1006376
    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

    #1006616
    David
    Staff
    Customer Support

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.