The same style of the upload button like the submit button

  • Profile Image
    nunulka
    Asked 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

  • Profile Image
    NeilVicente
    Answered 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
    nunulka
    Answered 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
    NeilVicente
    Answered on January 13, 2012 at 02:09 PM

    Sorry about that. Use this code instead.

  • Profile Image
    nunulka
    Answered 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
    idarktech
    Answered 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
    nunulka
    Answered on January 14, 2012 at 03:56 AM

    Great thanks! :)

  • Profile Image
    Abicus
    Answered 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
    Jan
    Answered 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.