Reposition numbering in configurable list

  • Erika_Lim
    Asked on June 20, 2024 at 2:22 AM

    Hi Jotform

    I got the CSS code to add numbering to a configurable list from another thread. It works fine except that I would like to position the number on the first row of each entry.

    Like this:

    Reposition numbering in configurable list Image 1 Screenshot 20

    Could you help me correct my CSS code pls? Thank you

  • Lorenz JotForm Support
    Replied on June 20, 2024 at 2:29 AM

    Hi Erika,

    Thanks for reaching out to Jotform Support. You can also add the CSS code below into your widget, to adjust the number's positioning.

    /* Configurable list widget's counter - fix alignment */
    .configurable-list-field-row-wrapper::before {
    margin-top: -180px !important;
    }
    /* end */


    Here's how it looks:

    Reposition numbering in configurable list Image 1 Screenshot 20

    Give it a try and let us know if there's anything else we can help you with.

  • Erika_Lim
    Replied on June 20, 2024 at 2:34 AM

    Perfect, thank you!

 
Your Answer