Form Header: How can I format the heading text?

  • posnagroup
    Asked on October 5, 2017 at 4: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?

    Jotform Thread 1266067 Screenshot
  • aubreybourke
    Replied on October 5, 2017 at 6: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"

    Form Header: How can I format the heading text? Image 1 Screenshot 20

    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";
    }