Submit button image has a border that I do not want it to have. I have tried the usual including the suggestions found on similar posts here and on external sites. I have picked through the code, changed every border one at a time to see if it affected it, etc. I cannot find the source of this border. Please help!
The form is on the right nearing the bottom of the home page and is also in the left sidebar of the inner pages.
Thank you in advance!
Richard Vav
Administrator
Hi,
It's not actually a border, it is a box shadow, the same box shadow that is being applied to all your form inputs by the following CSS from your theme's style.css (starting on line 122)
input, textarea, .genesis-feature a.more-link, .reply a {
-moz-box-shadow: 0 0 5px #ccc inset;
-webkit-box-shadow: 0 0 5px #ccc inset;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc inset;
font-size: 16px;
}You can counteract it on just the submit button by using the following
.gform_wrapper .gform_footer .gform_image_button {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}or you can counteract it on the entire form by using the this
.gform_wrapper input, .gform_wrapper textarea {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}Regards,
Richard