- ProntoAssemblyAsked 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:
- JotForm SupportKiranAnswered 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.
box-shadow: none !important;
-webkit-box-shadow: none !important;
-webkit-border-radius: none !important;
border-radius: none !important;
background: none !important;
border: none !important;
Hope this information helps!
- ProntoAssemblyAnswered 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
- JotForm SupportKiranAnswered 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.
- dentalemploymenthelpAnswered on April 11, 2017 at 05:24 PM
I selected the first button Style, and that removed the blue border rollover, thanks!