I want to get text areas / radio buttons of widgets to look the same as the rest of form

  • Profile Image
    Asked on May 31, 2017 at 09:09 AM

    Hi Jotform,


    I would like to have all fields on the form to have the same style text area (rounded corners & height) and same style radio buttons so that they match.


    The two trouble fields are widgets under the labels:

    Dimensions of Allocated Space

    Dimensions of Packaged Products


    Please see the attached screenshot describing the changes I would like to make.


    Kind Regards,



  • Profile Image
    Answered on May 31, 2017 at 01:34 PM

    On regards of the text boxes, please inject the following CSS code inside your Configurable List widget CSS area:

    input[type=text] {

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

        -moz-box-shadow: 0 1px 2px #eee inset;

        -webkit-box-shadow: 0 1px 2px #eee inset;

        box-shadow: 0 1px 2px #eee inset;

        height: 20px;

        border-radius: 6px !important;


    On regards of the checkbox, it appears it can not be styled as it is not taking the following code:


        -webkit-border-radius: 50% !important;

        -moz-border-radius: 50% !important;

        border-radius: 50% !important;


    Let us  know if you have more questions.

  • Profile Image
    Answered on May 31, 2017 at 02:19 PM

    Ah, that's a shame but I'm happy with what has been achieved, it's looking great!


    Thank you so much for your time and effort! I really appreciate it!


    Kind Regards,