-
5percentnutritionAsked on January 27, 2017 at 2:59 AM
Hi,
here is my form https://form.jotform.com/70258122647152 and it appears with some glitches on my website
https://www.rich-piana.com/en/customer-service
Actually I want to remove the grey/white lines on the boxes. Please refer attach photoshop picture to have an idea of what i'm saying.
Looking forward for help.
Thanks
-
HelenReplied on January 27, 2017 at 3:21 AM
Hi,
Thank you for contacting us.
I have checked your form, you can remove this box shadows. Please follow these steps:
1. Remove this CSS codes into your form:
.form-textbox {
border : 1px solid #363636 !important;
border-radius : 0px !important;
-moz-box-shadow : 0 1px 2px #363636 inset !important;
-webkit-box-shadow : 0 1px 2px #363636 inset !important;
box-shadow : 0 1px 2px #363636 inset !important;
}
input:focus, textarea:focus, .form-upload:focus, .form-dropdown:focus {
border : 1px solid #363636 !important;
border-radius : 0px !important;
-moz-box-shadow : 0 1px 2px #363636 inset !important;
-webkit-box-shadow : 0 1px 2px #363636 inset !important;
box-shadow : 0 1px 2px #363636 inset !important;
}
2. Inject these CSS codes into your form:
.form-textbox {
box-shadow: none !important;
}
.form-textarea {
box-shadow: none !important;
}
Your form will be shown like:
Here is a guide helps to you injecting CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
If you have any questions or issue, feel free contact us.