The text on my submit button is appearing under the button

  • Profile Image
    jburns513
    Asked on March 21, 2013 at 05:16 PM

    when I place the embed code on my site, the text for the button appears underneath the button. How can I fix this? Thanks!

  • Profile Image
    jefreylandicho
    Answered on March 21, 2013 at 05:36 PM

    Please add the code below to your form styles custom css.

    .form-submit-button { padding-bottom: 50px !important; }

    If you need to maintain the color on hover you will also need to add the color element in your css code as shown below.

    .form-submit-button { padding-bottom: 50px !important; color:#333 !important; }

    To Add or Inject a Custom CSS code in your form styles, Go to Setup & Embed then click the Preferences Icon and inside the preferences window, click the form styles tab.

    If you need further assistance, please contact us again.

    Thank you for using Jotform Support Forum.

  • Profile Image
    jburns513
    Answered on March 21, 2013 at 06:34 PM

    Did this, did not change anything upon getting the new source code.

  • Profile Image
    EduardoMendez
    Answered on March 21, 2013 at 11:04 PM

    Hi there, 

    Here is a clone of your form:

    http://form.jotformpro.com/form/30798216544965?

    Have you tried making the changes on the builder in stead of the source code?

    You can  Inject a Custom CSS into your form so that you can simply use one of our embed codes for simple embedding.

    Here is a number of guides to help you with the embed codes available:

    http://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use

    http://www.jotform.com/help/chapter-3-Share+Forms

    I hope this helps!