How to Customize the Style of the Form's Border?

I am using this form 51272609383356

When in the css of design builder etc i dont see where to make the edit to change border colour etc.

Using Firebug it tells me line 96 super nova.

I am unable to see where this is on the css.

Can you give me some advice how/where to make the edit using your option PADDING BORDER RADIUS etc etc

Hi there,

You can simply edit your form's border styles by injecting the following CSS codes to your form. Please, copy and paste the following codes by using the provided method:

.form-all {

border: 5px solid red !important; /.border's thickness, style, color./

border-radius: 50px !important; /.border's radius./

}

Above, you can edit the thickness of the border by changing the "px" value on green marked area and you can customize the color on blue marked area. Orange marked area represents the radius of the border. 

Please, see the results from the below:

For further assistance, please do let us know.

Thanks.

Hi,

I also need to change field border colours.

Can you give me steps to where i need to make the changes,i mean page to page etc

Hi,

I understand how the code works but cant see where i make the change.

I currently go to my form, designer, css.

Am i then supposed to select the form then select border, width, background etc ?

As if so that is what i did but no change was made.

Firstly, you need to apply the codes by following the steps from the below:

http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

If we come to the fields' border, you need to use the following CSS code to change its color:

.form-textbox, .form-textarea {

border: 3px solid red;

}

After the changes, please see the results,

You can customize the "border" rule as it is described on my previous post. I hope everything is clear for you now. Please, do let us know, if you need further assistance.

Thanks.

Hi,

Your given me the answers but not telling me where to put them ?

Is it in css of designer ?

Is it in preferences if so where ?

pLEASE CHECK THE FORM.

aS YOU WILL SEE I HAVE ADDED THE BELOW CODE BUT HAS NO AFFECT ON THE LOOK OF THE FORM.

.form-textbox, .form-textarea {
border: 3px solid #0099CF;
}

As it is described in the guide that I've shared on my previous posts, you need to enter it on "Preferences" and also, please add the codes at the end of the current ones.

Please, see the steps to reach it:

On my test, the CSS code for fields' border color is working properly as it is seen on the screenshot on my previous post. Please, don't forget to save the form after adding those codes to your form, because it doesn't save it automatically sometimes.

Alternatively, if some other rules are overwriting our current one, we need to use the "!important". Please, see it from the below:

.form-textbox, .form-textarea {

border: 3px solid red !important;

}

Please, try this one and let us know the results.

Thanks.