PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Border around submit button image

  1. 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!

    http://new.cosexualrecovery.com/

    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!

    Posted 6 years ago on Tuesday June 11, 2013 | Permalink
  2. 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

    Posted 6 years ago on Tuesday June 11, 2013 | Permalink