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 shadow & rollover border on uploaded submit button image?

    Asked by ProntoAssembly on April 11, 2017 at 01:16 PM

    I want to use a custom graphic for this submit button – and uploaded a JPG, but it has a drop shadow and a rollover border that I'd like to be removed as it doesn't look good with the button. Can I do this with CSS? I don't mind if it moves down and over a notch, I just don't want the dropshadow and the rollover blue border. 

     

    This button is on this form:

    https://form.jotform.us/70657055286159

    Thanks!

     

     

    Page URL:
    https://form.jotform.us/70657055286159

  • Profile Image
    JotForm Support

    Answered by Kiran on April 11, 2017 at 03:33 PM

    Please try injecting the following CSS code to the form to remove the background and shadows for the Submit button.

    .form-submit-button {

    box-shadow: none !important;

    -webkit-box-shadow: none !important;

    -webkit-border-radius: none !important;

    border-radius: none !important;

    background: none !important;

    }

    .form-submit-button-blue:hover {

      border: none !important;

     

    }

    Hope this information helps! 

     

  • Profile Image

    Answered by ProntoAssembly on April 11, 2017 at 03:38 PM

    Thanks! That removed the drop shadow on the regular instance of it, but it still shows a blue border upon rollover, any way to remove that? 

     

    View it here: https://www.prontoassembly.com/office-design

  • Profile Image
    JotForm Support

    Answered by Kiran on April 11, 2017 at 05:18 PM

    Could you try changing the Button style to default button style from the Submit button properties?

    Please get back to us if the issue still persists. We will be happy to assist you further. 

  • Profile Image

    Answered by dentalemploymenthelp on April 11, 2017 at 05:24 PM

    I selected the first button Style, and that removed the blue border rollover, thanks!