How to draw a line through a sold out product in the payment field?

  • Profile Image
    pamg
    Asked on August 08, 2016 at 10:06 PM

    one of the workshops on my form is sold out.  I would either like to draw a line through that workshop or write sold out by it.  How do I do that>

     

    Pam Givens

    CMA Summit Registration form

  • Profile Image
    Chriistian
    Answered on August 09, 2016 at 01:48 AM

    To draw a line through one of your workshops on the payment field, we will need to inject custom css code. But first, you will need to identify the ID of the workshop. Here's how: How to find field IDs and names

    The ID of the workshops should look like the image below. To get the ID of the specific workshop, simply count the ids from the Top (left to right). So for example you want to cross out the 7th workshop (Workshop- Marian Shapiro, Oct. 6&7 $340.00) then counting from the top, the 7th workshop's ID should be #input_8_1008.

    Now that we have the ID, all you need to do is replace the yellow highlighted text below with the ID of the workshop you want to cross out. Make sure not to include the hash sign # when you paste it to the code below.

    Finally, we will inject the custom CSS code to your form. Here's How to Inject Custom CSS Codes.

    label[for="input_8_1008"] {

        text-decoration: line-through;

    }

    Here's how it should look once you inject the code:

    You can also inject the custom code below if you want to add a "SOLD OUT" text on that product.

    label[for="input_8_1008"]:before {

         content: "SOLD OUT";

     

    }

    If you need further assistance, please let us know.
    Regards.