Need help in adjusting the style of my Submit button

  • Profile Image
    rtolmach
    Asked on January 12, 2018 at 07:37 PM

    Hi


    https://www.jotform.com/build/80015622284146

    How do I make the button appearance flat (no gradation in color; no white highlight along the upper edge)?


    How do I make the corners rectangular instead of rounded?


    Also, I got part way there with some CSS at https://www.jotform.com/build/80015622284146, but it does not look the same when embedded at https://freethetextbooks.org/pages/home-6


    Thanks!

  • Profile Image
    Jim_R
    Answered on January 13, 2018 at 02:14 AM

    Looks like you have the following CSS codes in place:

    .form-submit-button {

    background: #B9101F;

    color: white;

    height: 50px;

    width: 150px;

    font: bold 16px arial, sans-serif;

    text-shadow:none;

    }

    To achieve everything you described, replace all the codes above with the following:

    .form-submit-button {

        background: #B9101F !important;

        height: 50px;

        width: 150px;

        border-radius: 0 !important;

        box-shadow: none !important;

    }

    Result:

  • Profile Image
    rtolmach
    Answered on January 14, 2018 at 04:38 PM

    Thanks!