-
Kgr0upAsked on August 24, 2017 at 2: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
-
Support_Management Jotform SupportReplied on August 24, 2017 at 3: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.
-
Kgr0upReplied on August 24, 2017 at 2: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.
-
jonathanReplied on August 24, 2017 at 4: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.