How to change the layout of submit button using custom CSS code?

  • BBC2016
    Asked on April 25, 2016 at 11:52 PM

    my contact form is messed up :(

     

    I am trying to make it look the the event singup page. the first 3 lines of form fields should be about the same, can u copy anf paste and give me css???

     

    Jotform Thread 826348 Screenshot
  • liyam
    Replied on April 26, 2016 at 6:25 AM

    Hello again, BBC2016.

    If I'm not mistaken, your concern here is the same as the other earlier post.  You can try following the steps there and then let us know if you have further questions.

    Thanks and warm regards :)

  • BBC2016
    Replied on April 26, 2016 at 4:03 PM

    Yes I WANTED a rounded submit button . But the tech didnt LISTEN so I made a new thread and waited for a response but obviously u didnt read it or look at it closely.

     

    PLEASE help me put the SAME type of submit button on this form: http://buildingbridgescoalition.org/contact/

    like I have on this form: http://buildingbridgescoalition.org/moreinforsvp/

  • Kevin Support Team Lead
    Replied on April 26, 2016 at 7:52 PM

    Try injecting this CSS code: 

    .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

        color: #ffffff !important;

        background: #0284c1;

        box-shadow: none;

        text-shadow: none;

        height: 41px;

        width: 118px;

        padding: 9px 15px;

        font-family: "Open Sans", sans-serif;

        font-weight: 800;

        border: none;

        border-width: 1px !important;

        border-style: solid !important;

        border-color: #eeeeee !important;

        -webkit-border-radius: 6px;

        -moz-border-radius: 6px;

        border-radius: 6px;

        font-size: 1em;

        margin-top: 12px;

        margin-bottom: 12px;

    }

    This is the same style like the form you provided with the submit button that you want to have, this guide should  help you to inject the code to your form: 

    How-to-Inject-Custom-CSS-Codes

    Here is my cloned form if you want to see the result before to apply this code to your form: http://www.jotform.com/61167109597968

  • BBC2016
    Replied on April 26, 2016 at 8:13 PM

    thanks can i ask for the same tech to help me more than one time?????? how?????? i will pay extra?!!!!

  • Kevin Support Team Lead
    Replied on April 26, 2016 at 9:22 PM

    You're welcome. 

    You may let us know what you need to achieve and we will be glad to help you, if this is something that need extra time or needs to apply something really hard to do in a couple of minutes, or you want to do something specifically, I would suggest you to search someone to do that on this platform https://www.upwork.com/. You may find someone to dedicate the necessary time to achieve what you want with your form; however, as said above, we are here to help anytime.  

  • BBC2016
    Replied on April 28, 2016 at 12:13 AM

    THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!!