radio buttons help

  • lyricolorado
    Asked on September 15, 2016 at 3:04 PM

    hi,

    on my volunteer info sheet form, i'm running into some design issues

    1. i want the text next to the radio buttons (the first one) to spread out wider instead of getting all scrunched up.  but when i tried the column option, then the yes and no were just over each other.

    2. i can't seem to change the font of the main heading.  i can pick another option for the dropdown, but then the font doesn't actually change.

    that's it for now.  you guys are great, and i love using your forms!

  • David JotForm Support Manager
    Replied on September 15, 2016 at 6:14 PM

    1) Please inject the following CSS code to solve the problem: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-radio-item label{

        width: 500px !important;

        max-width: 500px !important;

    }

    Result:

    radio buttons help Image 1 Screenshot 30

     

    2) If you want to change the font type, you can use the following code:

    #header_1{

        font-family: " the type you want" !important;

    }

    Example:

    #header_1{

        font-family: "Times New Roman", Times, serif !important;

    }

    Result:

    radio buttons help Image 2 Screenshot 41

    Reference: http://www.w3schools.com/css/css_font.asp 

    Let us know if you need more help.