Need help in adjusting the style of my Submit button

  • rtolmach
    Asked on January 12, 2018 at 7: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!

  • Support_Management Jotform Support
    Replied on January 13, 2018 at 2: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:

    Need help in adjusting the style of my Submit button Image 1 Screenshot 20

  • rtolmach
    Replied on January 14, 2018 at 4:38 PM

    Thanks!