Css for ticket purchase widget

  • plungefetish1
    Asked on July 28, 2019 at 4:57 PM

    I am using the ticket purchase widget in my form.   I would like to change the color of the option names text and the quantity remaining text and the checks that appear when an option is selected to blue (#2baadf).  I would also like to round the corners of the 4 option table in the Ticket purchase widget so that they match the wounded corners of other elements on the form. 

    When I use the CSS editor in the Advanced Designer it will not allow me to style the Ticket Purchase widget. Where can I access the CSS for this widget?

  • Ashwin JotForm Support
    Replied on July 28, 2019 at 10:33 PM

    Please inject the following custom css code in your form and see if it gives you the desired result:

    .checklist label.checkbox {


        color: #2baadf;

    }

    span.items-left {

        color: #2baadf;

    }

    ul#checklist {

        border: 3px solid #2baadf;

        -webkit-border-radius: 5px;

        -moz-border-radius: 5px;

        border-radius: 10px;

    }

    The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    Hope this helps.

    Do get back to us if you need any other changes.