Custom CSS for columns in Ticket Purchases widget

  • Profile Image
    clarkschool
    Asked on February 19, 2016 at 11:58 AM

    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. 

  • Profile Image
    Huberson
    Answered on February 19, 2016 at 01:44 PM

    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!

  • Profile Image
    clarkschool
    Answered on February 22, 2016 at 10:03 AM

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

  • Profile Image
    Huberson
    Answered on February 22, 2016 at 11:14 AM

    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.