-
ProntoAssemblyAsked 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!
Page URL: https://form.jotform.us/70657055286159 -
Kiran Support Team LeadReplied 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!
-
ProntoAssemblyReplied 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 LeadReplied on April 11, 2017 at 5: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.
-
dentalemploymenthelpReplied on April 11, 2017 at 5:24 PM
I selected the first button Style, and that removed the blue border rollover, thanks!