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 can I change the font on the Pastel form collapse bar

    Asked by peeryapts on November 06, 2014 at 06:10 PM

    My form uses the Pastel theme and I was wondering if there is a way to change the font on the section header to Century Gothic? I have tried it a number of ways, but none of them have worked. Thanks for the help!

    Page URL:
    http://www.peeryapartments.com/news.html

    Screenshot
    font collapse bar pastel form pastel theme century gothic section
  • Profile Image

    Answered by raul on November 06, 2014 at 06:19 PM

    Please try to inject the following CSS code in your form:

    .form-collapse-mid{font-family: 'Century Gothic' !important;}

    Please let us know if this helps.
    Thank you.

  • Profile Image

    Answered by peeryapts on November 07, 2014 at 01:55 AM

    Thank you!

    The CSS worked fine on that form, so I tried adding it to another form that uses that same Pastel template, but it didn’t work as expected.  The font on all of the form collapse bars is now 'Century Gothic’ however all of the bars are in bold type except the second one, which appears to be regular. (screenshot-I)

    I removed the CSS that I added and the bars returned to the default font, but the problem still continues on the second bar. (screenshot-II)

    You had previously given me some CSS to help with the gradient color and I wonder if that is causing this issue? (screenshot-III)

    Any thoughts on how to correct this?

    Thank you!

     

  • Profile Image
    JotForm Support

    Answered by jonathan on November 07, 2014 at 03:31 AM

    Hi,

    Please try using this CSS code instead

    .form-collapse-mid {

    font-family: 'Century Gothic' !important;

    font-weight: bold !important;

    }

    it should then look like this

    Inform us if this did not work.

    Thanks.