CSS already in but form not responding correctly

I have already asked the question about this CSS function. A section in my form is back to looking like it did BEFORE I inserted the CSS code. The prior message thread is here: https://www.jotform.com/answers/17638951-multiple-choice-how-to-hide-some-of-the-checkbox-with-css

I double checked to see if the CSS code was still there and it is. See screenshot

Trying to figure out why it went back to looking like it did before. Any help would be appreciated. Thank you

Hi Mark,

Thanks for reaching out to JotForm Support. You may have overlooked my colleague's follow-up reply to that code when he asked to use the below CSS Code instead:

/* Code to hide Checkbox on Multiple choice element - */

#label_input_60_1:before, #label_input_60_3:before, #label_input_60_6:before, #label_input_60_8:before, #label_input_60_10:before, #label_input_60_13:before, #label_input_60_15:before, #label_input_60_19:before {

   display: none !important;

}

#label_input_60_1:after, #label_input_60_3:after, #label_input_60_6:after, #label_input_60_8:after, #label_input_60_10:after, #label_input_60_13:after, #label_input_60_15:after, #label_input_60_19:after {

   display: none !important;

}

/* Code Ends Here*/

It should look like this afterward:

Give it a try and let us know if you need any more help.

I removed the old code and added the new one and my form did not change. See screenshots. Thanks

Would you be able to fix this for me?

https://form.jotform.com/222510636100035

Hi Mark,

I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

We really appreciate your patience and understanding while we’re looking into this.

Hi Mark,

I tested the code that was provided and it's actually working. However, you made changes to the checkboxes causing the Unique ids to change. Upon checking you added the **** Please Note: some areas may require authorization to fly a drone. In some cases, authorization may not be given to fly the drone in that area. ****. We just need to update the CSS code  with the new id's. Let me show you how:

1. First, copy this code:

#label_input_60_1:before, #label_input_60_3:before, #label_input_60_4:before, #label_input_60_7:before, #label_input_60_9:before, #label_input_60_11:before, #label_input_60_14:before, #label_input_60_16:before, #label_input_60_20:before {

   display: none !important;

}

#label_input_60_1:after, #label_input_60_3:after, #label_input_60_4:after, #label_input_60_7:after, #label_input_60_9:after, #label_input_60_11:after, #label_input_60_14:after, #label_input_60_16:after, #label_input_60_20:after {

   display: none !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

That's it. Give it a try and let us know if you need any help.

Thank you so much. It worked!