Need assistance with radio button widget

  • allislandws
    Asked on November 22, 2019 at 12:18 PM

    Please assist in changing the radio button widget color on page 5 of the AIWS CUstomer Waiver form.  Buttons are now gray with red lettering when pressed.  Would like button to be more visible on-page.  Please assist.


  • Ashwin JotForm Support
    Replied on November 22, 2019 at 2:36 PM

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

    .wrapperButtonRadio {

        border: 1px solid #060606 !important;

        box-shadow: 0 2px 2px rgb(0, 0, 0) !important;

    }

    .radios input + label {

        color: #040404 !important;

        background: linear-gradient(to bottom, #b91e1e 0%, #ff3131 100%) !important;

    }

    Please check the screenshot below:

    1574451314widgetCss Screenshot 10

    Hope this helps.

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