How to remove shadow & rollover border on uploaded submit button image?

  • ProntoAssembly
    Asked on April 11, 2017 at 1: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!

     

    How to remove shadow & rollover border on uploaded submit button image? Image 1 Screenshot 30How to remove shadow & rollover border on uploaded submit button image? Image 2 Screenshot 41

     

  • Kiran Support Team Lead
    Replied on April 11, 2017 at 3: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! 

     

  • ProntoAssembly
    Replied on April 11, 2017 at 3: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

  • Kiran Support Team Lead
    Replied on April 11, 2017 at 5:18 PM

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

    How to remove shadow & rollover border on uploaded submit button image? Image 1 Screenshot 30

    How to remove shadow & rollover border on uploaded submit button image? Image 2 Screenshot 41

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

  • dentalemploymenthelp
    Replied on April 11, 2017 at 5:24 PM

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