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

    The same style of the upload button like the submit button

    Asked by nunulka on January 13, 2012 at 12:19 PM

    Hi

    I´m using the pastel theme for my form and would like to have the same style of the upload button like the orange submit and clear button. How can I do it?

     

    Thanks

    Nina

    Page URL:
    http://www.headerdesign.biz/order-now

    style pastel theme
  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 13, 2012 at 01:23 PM

    Nina,

    Inject this custom css code on your form:

    .qq-upload-button {
        background-moz-linear-gradient(center top , #FBCB5D 0%, #EFA003 100%) repeat scroll 0 0 transparent;
        border1px solid #C64F00;
        border-radius5px 5px 5px 5px;
        color#FFFFFF;
        displayblock;
        font-size16px;
        padding8px 0;
        text-aligncenter;
        text-shadow0 -1px #C64F00;
    }

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image

    Answered by nunulka on January 13, 2012 at 01:47 PM

    Thanks for your reply however it changed just the border and font however button color is still grey.http://www.headerdesign.biz/order-now

  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 13, 2012 at 02:09 PM

    Sorry about that. Use this code instead.

  • Profile Image

    Answered by nunulka on January 13, 2012 at 02:37 PM

    Thanks but I would like to have the upload button like submit and clear button. I dont want to disturb you much as I know you have a lot of work on this forum.

    please see the differnce in colors

    http://i1229.photobucket.com/albums/ee465/nunulka/uploadfiles.jpg

    http://i1229.photobucket.com/albums/ee465/nunulka/submitform.jpg

  • Profile Image
    JotForm Support

    Answered by idarktech on January 13, 2012 at 08:16 PM

    @nunuka,

    You can try this CSS Code: http://pastebin.com/raw.php?i=7VGRLzM3

    Preview: http://www.jotform.com/form/20120718538?

    Just feel free to let us know if there's something we need to change. Thank you so much!

  • Profile Image

    Answered by nunulka on January 14, 2012 at 03:56 AM

    Great thanks! :)

  • Profile Image

    Answered by Abicus on September 29, 2016 at 07:35 AM

    There is an option to upload a button image for a submit button but for upload buttons there isnt an option to upload your own button design. I want to use my own design for both, how do I do this?

    Here's the form https://form.jotform.com/62723057133955

  • Profile Image
    JotForm Support

    Answered by Jan on September 29, 2016 at 11:11 AM

    @Abicus

    This is a duplicate post. We'll post our reply on this thread: https://www.jotform.com/answers/945246

    Thank you.