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 to remove the text and shadow from the submit button?

    Asked by tidybooks on March 25, 2014 at 01:11 PM

    Hi Ive created this form

    http://form.jotformpro.com/form/40584713236959

    I've injected some css to try and get a rollover submit button for when you hoover over it this works but a border has now been placed round the button image and plus i cant get rid of the text that is placed on top saying "submit form" which not part of the image button 

     

    this is the css I used 

    .form-submit-button{

    background-image:url(http://www.tidy-books.co.uk/buttonsignup.png

    );

    height: 79px;

    width: 230px;

    }

    .form-submit-button:hover  {

    background-image:url(http://www.tidy-books.co.uk/buttonsignup2.png

    );

    height: 79px;

    width: 230px;

    }

     

    any help would be great

     

    Thanks

    Page URL:
    http://form.jotformpro.com/form/40584713236959

    height button image png
  • Profile Image

    Answered by EliezerN on March 25, 2014 at 03:01 PM

    To remove the border and the Text from the submit button please inject this CSS code to your form:

    .form-submit-button

    {

    color:transparent !important;

    text-shadow:none !important;

    border:none !important;

    box-shadow:none !important;

    }

    Then it will look this way:

    (Click on the image to make it bigger)

    Please inform us if you need further assistance with this inquiry.

    Thanks

  • Profile Image

    Answered by Onicca  on October 27, 2014 at 07:44 AM

    Thanks, the code helped...