How to have rounded corners on all form widgets?

  • zoiglobal
    Asked on April 11, 2017 at 2:23 PM

    Prior to transitioning to JotForm 4.0, I was able to inject the following CSS into my form and round the corners of my form widgets.  This functionality appears to no longer function.  Here is the injected CSS:

     

    .form-all input,textarea,select {

        border : 1px;

        -webkit-border-radius : 5px;

        -moz-border-radius : 5px;

        border-radius : 5px;

        padding : 4px;

    }

     

    What am I missing?  

     

    Denise

  • Kevin Support Team Lead
    Replied on April 11, 2017 at 5:11 PM

    I've checked your form and I could see the CSS code you've injected works fine, here's a screenshot of the fields in your form: 

    How to have rounded corners on all form widgets? Image 1 Screenshot 20

    I've already cleared your forms cache so the latest version should be loaded, could you please test and let us know if you still do not see the CSS applied? 

    We'll wait for your response. 

  • zoiglobal
    Replied on April 11, 2017 at 11:13 PM

    Kevin,

    Thank you so much.  Yes, it is working.  I think I confused myself expecting to see it while developing it on jotform site.  Outside of Jotform, it is just fine as you said!

    I'm sorry for wasting your time.

    Thank you for your support!

    Denise