Submit button CSS

  • Profile Image
    Korsgaden
    Asked on November 28, 2012 at 03:49 PM

    I just want the button to have a red background with white text.  I added the following CSS:

     

    .form-submit-button {

    background: #D36F73 !important;

    border: 1px solid #D36F73;

    border-radius: 3px 3px 3px 3px;

    color: #ffffff;

    padding: 6px 12px;

    }.form-submit-button:hover {

    background: #D36F73 !important;

    border: 1px solid #D36F73;

    border-radius: 3px 3px 3px 3px;

    color: #ffffff;

    padding: 6px 12px;

    }

    .form-all {text-shadow:none;}

    But the button text still has a white drop shadow.  I really just want to remove that.  Thanks!

     

    Daniel

  • Profile Image
    idarktech
    Answered on November 28, 2012 at 05:11 PM

    Hi Daniel,

    Add the following properties under .form-submit-button class.

    text-shadow: none !important;

    box-shadow: none !important;

     

    So the code becomes:

    .form-submit-button {

    background: #D36F73 !important;

    border: 1px solid #D36F73;

    border-radius: 3px 3px 3px 3px;

    color: #ffffff;

    padding: 6px 12px;

    text-shadow: none !important;

    box-shadow: none !important;

    }

    Thanks!

  • Profile Image
    Korsgaden
    Answered on November 28, 2012 at 05:19 PM

    Thanks!

  • Profile Image
    idarktech
    Answered on November 28, 2012 at 05:40 PM

    Welcome!

    Contact us again if you have any other questions or concerns. Thanks!