How to add borders on total payment using CSS?

also I'm trying to get a border on my total payment and som space around, but when I go out of the designer mode (after saving) nothing changes on that.

This is the code I use:

.form-payment-total {

    line-height : 40px;

    margin : 0px;

    border : 5px solid #A78286;

    border-radius : 4px;

    padding : 50px;

    margin-top : 50px;

    margin-bottom : 20px;

}

Instead of adding the code in the Designer, add the codes in the Custom CSS tab under Form Styles of Preferences wizard.

Here's the link to a guide that you may use as a reference.

How-to-Inject-Custom-CSS-Codes

I hope this helps. Let us know if you need any further assistance.

Thank you.

When I add the code this way I get to this place ( see screenshot, is that right? and I've placed the code but it doesn't do it ...

sorry about all the questions!

You have to click the CSS area and add the custom CSS at the very bottom, not on top or in the middle of the existing codes. 

Or, when in the designer, add the Custom CSS are the CSS tab.

no, it does not seem to work, it does not save (I do press the save button, I think maybe its therefor I was guided by you earlier to the inject the css in the preferences panel and not via the designer tool ...?

but when I trie that, I don't get the same panel as described in the link ...:

"Instead of adding the code in the Designer, add the codes in the Custom CSS tab under Form Styles of Preferences wizard.

Here's the link to a guide that you may use as a reference.

How-to-Inject-Custom-CSS-Codes"

sorry, it seemed to work now! Thank

Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

Thank you for using JotForm!!