Change design of multiple upload button

  • Clintluna
    Asked on September 22, 2018 at 7:05 PM

    How can I edit my Attach button on this form: https://www.jotform.com/build/82626985569174 to have the same style as the Submit button on this same form?

    I'd also like to be able to change the size of this attach button. 

    Got the id as li_id#153, but this just changes the background and not the button itself. Can you tell me the ID for the button itself? Thanks!


  • Mike
    Replied on September 22, 2018 at 7:37 PM

    Thank you for contacting us.

    You may try the following:

    1) Change the upload button style to None.

    Change design of multiple upload button Image 1 Screenshot 30

    2) Use the .form-all .qq-upload-button selector to style the upload button.

    Example:

    .form-all .qq-upload-button {
    border-radius: 10px;
    padding: px; 
    width: 250 px;
    height: 40 px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; 
    font-size: 23px;   
    box-shadow: 8px 8px 5px grey;
    background: #21a6cf;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
    font-weight: bold;
    color: #ffffff;
    }

    Result:

    Change design of multiple upload button Image 2 Screenshot 41

  • Clintluna
    Replied on September 25, 2018 at 5:22 PM

    Awesome! Thank you, it worked!