Change list display order

Hi @mahadavid,

Currently, there isn’t any option to change the list display order in the plugin itself. Lists are displayed in the order they were created. You might need to delete and recreate the list as required.

But we have checked your site and came up with the following custom CSS code which might be useful in changing the order.

.ig-es-form-list-selection tbody {
    display: flex;
    flex-flow: column;
}

.ig-es-form-list-selection tbody td {
    display:block;
    width: 100%;
}

.ig-es-form-list-selection tbody tr:first-child {
    order: 2;
}

.ig-es-form-list-selection tbody tr:nth-child(2) {
    order: 4;
}

.ig-es-form-list-selection tbody tr:nth-child(3) {
    order: 1;
}

.ig-es-form-list-selection tbody tr:nth-child(3) {
    order: 1;
}

.ig-es-form-list-selection tbody tr:nth-child(4) {
    order: 3;
}

.ig-es-form-list-selection tbody tr:nth-child(5) {
    order: 5;
}

.ig-es-form-list-selection tbody tr:nth-child(6) {
    order: 6;
}

.ig-es-form-list-selection tbody tr:nth-child(7) {
    order: 7;
}

.ig-es-form-list-selection tbody tr:nth-child(8) {
    order: 8;
}

.ig-es-form-list-selection tbody tr:nth-child(9) {
    order: 9;
}

.ig-es-form-list-selection tbody tr:nth-child(10) {
    order: 10;
}

.ig-es-form-list-selection tbody tr:nth-child(11) {
    order: 11;
}

.ig-es-form-list-selection tbody tr:nth-child(12) {
    order: 12;
}

The above CSS is based on the existing display order. If it changes, then you might need to change the above CSS accordingly.

You can put the above CSS in the Customizer’s settings(Appearance > Customize > Additional CSS).

Hope this helps you. Let us know if you have any further queries.

Thank You.

Hello @mahadavid,

We haven’t heard from you in a while.

We hope our previous reply was helpful in resolving your queries.

I am closing this ticket for now. Feel free to reopen it in case if you are still having any queries.

Thank you.