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

    Change Font Color on Submit Button

    Asked by AlperCayhan on October 16, 2014 at 10:04 AM
    Another question: how can I change the fontcolour of the "submit" button into #42c5be ?
    submit submit font color css font color
  • Profile Image
    JotForm Support

    Answered by KadeJM on October 16, 2014 at 12:11 PM

    You can now easily apply your custom font color to the submit button with our new form designer.

    To do so just select the form designer in your formbuilder for the mentioned form.

    Once you are inside it select the from button then change it's font color.

  • Profile Image

    Answered by AlperCayhan on October 16, 2014 at 02:29 PM

    Thanks a lot, I will try this now.

  • Profile Image

    Answered by Ben on October 16, 2014 at 03:40 PM

    Hi,

    Great to hear that. Please let us know about your experience with the new Form Designer.

    Best Regards,
    Ben

  • Profile Image

    Answered by AlperCayhan on October 16, 2014 at 03:42 PM

    It doesn't work at all.

    Because of a CSS issue I guess.

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 16, 2014 at 04:34 PM

    Sorry about that. 

    I think there might be a conflict in the coloring which is probably affecting it.

    Please try using injected css to see if this makes any difference. You can leave out the font-weight bold if line if you don't need it.

    Code:

    .form-submit-button {

    color: #42c5be;

    font-weight: bold;

    }

     

    Result:

     

  • Profile Image

    Answered by AlperCayhan on October 16, 2014 at 04:38 PM

    Doesn't work... :-( This is what I have:

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 16, 2014 at 05:25 PM

    Ah yes, that's as I mentioned which is actually a contrasting problem because of the existing coloring used between your form theme as well as the fact that you're using a different submit button style.

     

    Try this Updated Code instead:

    button#input_10.form-submit-button.form-submit-button-big_white {

    color: #42c5be;

    font-weight: bold;

    }

     

    Updated Result:

     

  • Profile Image

    Answered by AlperCayhan on October 17, 2014 at 03:04 AM

    Great, this works, thanks a lot!