How to remove the text and shadow from the submit button?

  • Profile Image
    tidybooks
    Asked 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

  • Profile Image
    EliezerN
    Answered 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
    Onicca 
    Answered on October 27, 2014 at 07:44 AM

    Thanks, the code helped...