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

    CSS changes made inside of Form Designer are not applied to the form

    Asked by demcalary on May 03, 2015 at 12:21 AM

    The font size is too small on the Submit and Clear Form buttons on my website form, but I am not able to enlarge it in the Designer>CSS panel. The CSS for .form-submit-button and .form-submit-reset is unresponsive when I make changes to font-family, font-weight, and font-size. Although changes do appear in the example window to the left of the CSS panel, they do not show up in the Preview window or on my website.

    The problem appears limited to those three attributes, because other properties for those two buttons are responsive to style changes, such text-transform and color choices for font, button background, and button border.

    I would like to enlarge the buttons' font and make it bold. What is the solution?

    Page URL:
    http://www.carlynsquare.com/request-access

    Screenshot
    CSS form designer
  • Profile Image
    JotForm Support

    Answered by BJoanna on May 03, 2015 at 04:43 AM

    I have cloned and tested your form and I noticed that you added CSS for submit button and clear form button that are not shown when form is preview. 

    I have added !important to your CSS code. A rule that has the !important directive will always be applied no matter where that rule appears in the CSS document.

    After adding !important to your CSS code your form will look like this.

    Here is mine cloned form http://form.jotformpro.com/form/51222474077957? 

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by demcalary on May 03, 2015 at 09:56 AM

    Your solution worked! 👍 I had forgotten about the "!important" command, although have used it before in other situations.

    Thanks so much. I'm grateful. 😀