What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    how can i change the orange color in the 'Next' and 'Back' buttons?

    Asked by zeketr on November 25, 2011 at 06:14 PM

    hi,

    i would very much like to change the color of my orange theme.

    page:

    http://www.kupoya.com/strategies/sign-up/

     

    thank you! Love this amazing service!

    Page URL:
    http://www.kupoya.com/strategies/sign-up/

  • Profile Image
    JotForm Support

    Answered by NeilVicente on November 25, 2011 at 06:35 PM

    The color of your page break buttons is dependent on the theme you choose for your form.

    Choose a different theme to have the color of the buttons changed.

    You may also use custom CSS to customize the color, although this requires that the theme be set to Default.

    .form-pagebreak-back, .form-pagebreak-next {
        backgroundnone repeat scroll 0 0 red;
        border1px solid red;
        border-radius5px 5px 5px 5px;
        box-shadow0 1px 2px red;
        font-size14px;
        margin0;
        padding5px;
    }

    Just change the colors in bold with any html color code or html color name you fancy.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea

  • Profile Image

    Answered by zeketr on November 25, 2011 at 06:37 PM

    Wow! thats a prompt response! Respect...

    i finally used that code:

    .form-pagebreak-next {

    background: #0099FF;

    color: white;

    font-size: 17px;

    font-weight: bold;

    margin: 0;

    }

    .form-pagebreak-back {

    background: #0099FF;

    color: white;

    font-size: 17px;

    font-weight: bold;

    margin: 0;

    }

     

    i found it somehwere on the forum and then added the Background variable...

     

    again. LOVE your service...

  • Profile Image
    JotForm Support

    Answered by NeilVicente on November 25, 2011 at 06:44 PM

    Glad to know the forum has been of great help to you. Should you have other issues, please feel free to search our support forum or post a new topic if you can't find the answers.