What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to add borders on total payment using CSS?

    Asked by milladesignmaccom 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;

    }

     

    borders CSS inject custom CSS
  • Profile Image
    JotForm Support

    Answered by Mike_G 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

    Answered by milladesignmaccom 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
    JotForm Support

    Answered by Welvin 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

    Answered by milladesignmaccom 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

    Answered by milladesignmaccom on May 01, 2016 at 12:41 PM

    sorry, it seemed to work now! Thank

  • Profile Image
    JotForm Support

    Answered by Kiran 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!!