Infinite List widget, show counted rows in frontend

  • Profile Image
    Asked on October 17, 2017 at 09:17 AM


    is it possible to show the numbers of the counted rows in the Infinite List Widget ( so that the user will create and see a list like: 

    My favorite colors:
    1. yellow
    2. blue
    3. green

    without having to enter the numbers manually? 

  • Profile Image
    Answered on October 17, 2017 at 12:07 PM

    Am I right that you only want to label every rows with a number? 


    If that's what you want, inject this CSS codes in your infinite list widget under its settings then custom CSS tab.

    #list tbody {



    #list td.col1:before{

      counter-increment: section;

      content: counter(section);


      font-size: 14px;

      position: relative;

      display: inline-block;

      text-align: center;

      width: 20px;


    If you need further assistance or if this isn't what you want to achieve, let us know.