Configurable list 2nd row css overflowing

  • Profile Image
    catbahaicamp
    Asked on January 29, 2018 at 11:57 PM

    Hi Folks,

    I'm working on a configurable list that I had working, but added a new option and messed it up. The list is configured thus:

    Attendee Name : textbox: First & Last Name

    Vegan: checkbox 

    Vegetarian : checkbox 

    Tree Nuts : checkbox

    Peanuts: checkbox

    Dairy: checkbox

    Gluten: checkbox

    Eggs: checkbox

    Other : textarea : Any other allergies please specify


    And here's my css:

    table#list {

         width: 100%;

    }

    #list th {

         display: none;

    }

    #list td {

         display: inline-block;

    }

    td {

        float: left;

        margin: 0;

        display: block;

        min-height: 50px;

        box-sizing: border-box;

        padding-right: 2%

    }

    td:before {

         display:block;

    }

    .col1 select:before, .col2 select:before, .col3 select:before, .col4 select:before, .col5 select:before, .col6 select:before, .col7 select:before, .col8 select:before, .col9 select:before {

         color: white;

         content: "*";

    }

    td.col1:before { content: "Attendee Name";}

    td.col2:before { content: "Vegan";}

    td.col3:before { content: "Vegetarian";}

    td.col4:before { content: "Tree Nuts";}

    td.col5:before { content: "Peanuts";}

    td.col6:before { content: "Dairy";}

    td.col7:before { content: "Gluten";}

    td.col8:before { content: "Eggs";}

    td.col9:before { content: "Other";}

    td:before {

         font-weight: bold;

    }

    tr {

        color: rgb(195, 195, 195);

    }


    input[type="checkbox"], select, .stepper-wrap input.stepper { width: 100%; }

    span select { width: 20%; }


    input[type="text"], select, .stepper-wrap input.stepper { width: 100%; }

    span select { width: 30%; }

  • Profile Image
    Nik_C
    Answered on January 30, 2018 at 04:35 AM

    I checked your Configurable list field:

    1517304870Screen Shot 2018-01-30 at 10.3

    And it seemed fine.

    Could you please tell us what would you like to be adjusted there?

    Thank you!

  • Profile Image
    catbahaicamp
    Answered on January 30, 2018 at 11:23 PM

    ha! that's so crazy.  i don't know what happened. well, it's working now, so thanks! sorry for bugging you :)