Form Header: How can I format the heading text?

  • Profile Image
    posnagroup
    Asked on October 05, 2017 at 04:09 PM

    Hello, we are having difficulties with adding our address to a heading. It looks correct when we are building the JotForm but when we go to preview the form, it is all distorted and misaligned. Is there a formatting item that we are missing?

  • Profile Image
    aubreybourke
    Answered on October 05, 2017 at 06:05 PM

    I managed to find a fix. Demo is here:

    https://form.jotform.com/72776296057974


    First I deleted the text after "Pediatric Orthopaedic Society of North America"

    Then, I added this CSS to the end:

    .form-header:after {
        display : block;
        content : "9400 W Higgins Rd, Ste 500, Rosemont, IL 60018-4976";
    }

    .header-text.httal.htvam:after {
        display : block;
        font-size : 15px;
        content : "(847)698-1692 / fax: (847)268-9694 / Email: posna@aaos.org";
    }