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

    Can I have CSS to create 'rounded corners' on the heading box...

    Asked by Benflips on July 12, 2016 at 05:34 AM

    ...to match the rounded corners on my form page.

    Thanks in advance

    Page URL:
    https://www.jotform.com//?formID=43420990799871#design

    heading create can can i
  • Profile Image
    JotForm Support

    Answered by beril on July 12, 2016 at 07:41 AM

    Yes, it is possible to create rounded corners for your heading box. We would appreciate it if you could inject the CSS code below on designer.

    .form-header-group {

        border : 1px solid gray;

        border-radius : 15px 15px 15px 15px;

        margin-top : 20px;

        padding-bottom : 10px;

    }

    In addition to that, there are some errors on your CSS code. if you add braces as you see below you will fix the errors.=)

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image

    Answered by Benflips on July 12, 2016 at 07:45 PM
    Thank you. Done.
    I see where you have set the border colour - if I want to change that
    colour do i put in something like 'colour.#hex value' or something?
    *Regards,*
    *Dr. Ben Phillips*
    Chiropractor
    B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on July 12, 2016 at 11:49 PM

    Hello Benflips,

    Yes, you just modify the hex of the color value if you want it changed.

    In addition, you can set the style of your border as solid border line, groved, dotted, dashed, etc. Simply add the css code just below the border color.

    In beril's example, what you can do is change these highlighted parts:

    .form-header-group {
       border : 1px solid gray;
       border-radius : 15px 15px 15px 15px;
       margin-top : 20px;
       padding-bottom : 10px;
    }

    You can change 'gray' to a hex color such as #00ffff 

    You can change 'solid' to dotted, dashed, double, groove, ridge, inset, outset, initial, or inherit

    If you have questions, please let us know.

    Thanks.

  • Profile Image

    Answered by Benflips on July 13, 2016 at 02:46 AM
    Great. Thank you
    *Regards,*
    *Dr. Ben Phillips*
    Chiropractor
    B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
    ...
  • Profile Image
    JotForm Support

    Answered by beril on July 13, 2016 at 03:57 AM

    Hello Ben,

    Thank you for confirming it is really important for us.=) We are glad to hear that everything is fine now.

    Feel free to contact us anytime. We will be happy to help.