Upload Button Area not the same as Upload Button Width

  • snaplash
    Asked on February 17, 2016 at 8:45 AM

    Hey Jotform!

    I have two upload buttons that are pretty long, I have extended all the css asscoiated with them but not all the button is active.

     

    If you click on certain parts of the buttons nothing happens. I am unablke to extended the clickable area.

     

    Coul you guys have a look and see where I am going wrong?

    https://form.jotform.com/60441233441948

     

    Thank you so much!


    M>

    Upload Button Area not the same as Upload Button Width Image 1 Screenshot 20

  • BJoanna
    Replied on February 17, 2016 at 11:38 AM

    I have inspected your form and I saw that you have added a lot of CSS code. Some are duplicated. It is possibles that there are some conflicts between CSS code inside of your form. 

    Please try adding this CSS code:

    .qq-uploader .inputContainer {

        width : 380px!important;

    }

    Inside of this guide you can find how to Inject Custom CSS codes to your form:

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

    It is also possible to style buttons inside of Form Designer.

    Upload Button Area not the same as Upload Button Width Image 1 Screenshot 20

    Hope this will help. Let us know if you need further assistance. 

  • snaplash
    Replied on February 17, 2016 at 11:41 AM

    Perfect - Thank you!

     

    .qq-uploader .inputContainer {

        width : 380px!important;

    }

    That is what I was looking for!!!! and yes, I am not sure why all my code is duplicated.

  • BJoanna
    Replied on February 17, 2016 at 12:55 PM

    You're welcome. 

    Maybe you have pasted your code multiple times. You can remove duplicated code. 

    Feel free to contact us if you have any other questions.