Image Radio Buttons: How edit the theme color besides black and orange.

  • roycalvillo
    Asked on September 22, 2017 at 4:36 PM

    Is there a way to change de image of the radio button in the umage radio button widget, i know there's 2 themes orange and black, but what if i need blue? is it possible?

    Jotform Thread 1255374 Screenshot
  • Kevin Support Team Lead
    Replied on September 22, 2017 at 6:44 PM

    I have been playing around with some CSS code and found a way to change the radio color. Please inject this code to the widget: 

    div[class*="-radio"] {

        border-radius: 50px;

        opacity: 0.2;

         background: orange !important; 

         border: 5px solid #FFFFFF;

    }

    .checked div[class*="-radio"] {

        border-radius: 50px;

        opacity: 0.8;

         background: orange !important; 

         border: 5px solid #FFFFFF;

    }

    Change the background color from orange to another one you need. 

    This guide will help you injecting the code to your widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    I hope this helps.