How to draw a line through a part of an option field?

  • Profile Image
    Kgr0up
    Asked on August 24, 2017 at 02:14 AM

    I have an option field, and would like to cross out just a part of the option like this:

     

    $479 - $399* tiempo limitado - Entrada General (4 días)

     

    Can this be done? this is because regular prices is $479 but there is a discount...

    thanks

  • Profile Image
    Jim_R
    Answered on August 24, 2017 at 03:33 AM

    I'm confused with what you're trying to achieve. When you said "cross out" did you mean a strikethrough effect like this:

    Strikethrough

    If so, can you share with us your Form ID/URL, along with the exact text that you're hoping to cross out? This can be done with CSS but we need to check the actual form first to see if the exact text can be selected using CSS selectors.

  • Profile Image
    Kgr0up
    Answered on August 24, 2017 at 02:47 PM

    thankyou  my form is https://form.jotformpro.com/72351350208952

    I want to cross our like you say just one part of the option in field "boleto"

    $479 - $399* tiempo limitado - Entrada General (4 días)

    sorry, didn´t see the text en my previous note didn´t stay cross out.

  • Profile Image
    jonathan
    Answered on August 24, 2017 at 04:17 PM

    You can achieve this in the Dropdown list if you will use the source code embed of the form and alter directly some line of code in the html source.

    The CSS pseudo elements can only work for elements that have child nodes. If you go via CSS codes, it will be applied to all the option label and not partially as to what you described.

    Example:

     

    If ok with you to use a different field type (that have child node element) like the Radio option, you can achieve this and apply CSS pseudo element code on the label of the element.

    Example:

     

    label#label_input_38_1:before {

        content: '$479-';

        text-decoration: line-through;

    }

     

    You can check my test form https://form.jotformpro.com/72355892611965

     

    Let us know if you need further assistance.