Custom CSS for columns in Ticket Purchases widget

I lifted the custom CSS for the Ticket Purchases widget in this form off of another form, and I would like to change it so that the seat numbers go from 9 to 15 in the left column and 16 to 21 in the right column. Right now it is set up to force odd numbers into the left column and even numbers into the right column.

How do I adjust the CSS to make this change?

Thank you. 

Hi,

Replace the previous CSS code with the one bellow. It's a bit long but might do the job for you.

#checklist li:nth-child(-n+7) {

   position: relative;

   left: 0;

   width: 50%;

   border-right: 1px solid lightgray;

   box-sizing: border-box;

}

 

#checklist li:nth-child(n+8) {

position: absolute;

right: 0;

width: 50%;

box-sizing: border-box;

   border-left: 1px solid lightgray;

}

#checklist li:nth-child(8){

    top:0;

} 

#checklist li:nth-child(9){

    top:48px;

} 

#checklist li:nth-child(10){

    top:96px;

} 

#checklist li:nth-child(11){

    top:144px;

} 

#checklist li:nth-child(12){

    top:192px;

} 

#checklist li:nth-child(13){

    top:240px;

}  

You can view the clone HERE.

Please let us know if that solve the problem.

 

Thanks!

Thank you for the excellent customer service, that fixed my issue!

You are welcome! It's been a pleasure for us to assist you :). Please do not hesitate to contact us if you have other issue.