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

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

     

     

  • Profile Image
    Kiran
    Answered 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
    ProntoAssembly
    Answered 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
    Kiran
    Answered 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
    dentalemploymenthelp
    Answered on April 11, 2017 at 05:24 PM

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