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

    Submit button font size not changing with CSS

    Asked by gdglass1 on June 24, 2014 at 10:19 AM

    I finally got the button to increase in size, sometimes the wizard works, sometimes not. Was just attempting to get the submit button the same size as the captcha box....Anyway, I think I have that finally.

    Now using CSS, I cannot get the font size to increase to better match the new button size.

    I have used three different CSS codes found on the forum. Also, if I remove the CSS code to increase font size the button goes back to original size.

    Any Suggestions?

    Page URL:
    http://www.newstapes1.com/#contact

    size font size font different
  • Profile Image

    Answered by Jim_Rank on June 24, 2014 at 11:40 AM

    Hello Sir,

    Thanks for contacting us. By injecting CSS code it's possible to change the submit button font-size. Just I have checked your form and got that you already injected some CSS code.

    To increase the font-size of submit button please inject the CSS code into .form-submit-button, please inject the following pointed CSS code with the exist code in your form-

    .form-line-error .form-error-message {
    background: #81ba10;
    }
    .form-error-arrow {
    border-bottom-color: #81ba10;
    }
    .form-line-error input:not(#coupon-input), .form-line-error textarea {
    border: 1px solid #81ba10;
    -moz-box-shadow: 0 0 3px #C5C531;
    -webkit-box-shadow: 0 0 3px #C5C531;
    box-shadow: 0 0 3px #81ba10;
    }.form-line-error {background: #bbec59 !important;}
    .form-submit-button {
    width:164px;
    height:44px;
    border:2px solid #ccc;
    font-size:30px !important;
    }

    See the demo form in this link.

    Please get back to us, if you need further assistance. Cheers !

     

  • Profile Image

    Answered by gdglass1 on June 24, 2014 at 11:54 AM

    Thank You! That worked....

    One other question,

    How big is the standard captcha box?

    I was attempting to match the size of the button with the size of the captcha box, I just "eyeballed it" to about 165px 

  • Profile Image

    Answered by BryanPaulo on June 24, 2014 at 12:08 PM

    Hi,

    Looks like your submit button already matched the width of the captcha. 

    Let us know if you still need our assistance.