How to add borders on total payment using CSS?

  • Profile Image
    milladesignmaccom
    Asked on April 30, 2016 at 02:06 PM

    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;

    }

     

  • Profile Image
    Mike_G
    Answered on April 30, 2016 at 02:27 PM

    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.

  • Profile Image
    milladesignmaccom
    Answered on May 01, 2016 at 06:01 AM

    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!

     

  • Profile Image
    Welvin
    Answered on May 01, 2016 at 10:19 AM

    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.

  • Profile Image
    milladesignmaccom
    Answered on May 01, 2016 at 12:37 PM

    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"

  • Profile Image
    milladesignmaccom
    Answered on May 01, 2016 at 12:41 PM

    sorry, it seemed to work now! Thank

  • Profile Image
    Kiran
    Answered on May 01, 2016 at 02:05 PM

    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!!