-
ConsumerAttorneysAsked on September 19, 2019 at 8:23 PM
How do I center the "Upload Files" button? Is their a CSS code? The button does not seem to be centered.
-
Elton Support Team LeadReplied on September 19, 2019 at 8:53 PM
Inject the following CSS codes to your form. This should fix it.
.qq-upload-button {
box-sizing: border-box;
}
.qq-uploader {
width: 100%;
max-width: 230px;
}
Guide: How to Inject Custom CSS Codes
Result:
-
ConsumerAttorneysReplied on September 19, 2019 at 9:14 PM
I cannot seem to get it to work. Can you please input the changes for me?
-
Elton Support Team LeadReplied on September 19, 2019 at 9:20 PM
Done. I've fixed it for you. Kindly check.
By the way, the rest of the fields including the submit button are now expanded in its full width. Do you also want to expand the file upload field?
-
ConsumerAttorneysReplied on September 19, 2019 at 9:38 PM
The Submit button is too long. Can you please make it look like this ...
-
Richie JotForm SupportReplied on September 19, 2019 at 9:52 PM
You may try this custom CSS
#cid_18{
width: 10% !important;
margin-left: 45%;
}Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Please give it a try and let us know if you need further assistance.
-
ConsumerAttorneysReplied on September 19, 2019 at 10:12 PM
I did that and it fixed the button but it made the text boxes above the submit button much smaller. Please take a look of the height of the text boxes in the photo above and also the photo below. Can you please fix this?
-
Elton Support Team LeadReplied on September 19, 2019 at 10:17 PM
We did not make that changes but we have also fixed that for you. Kindly check.
-
ConsumerAttorneysReplied on September 19, 2019 at 10:19 PM
Thank you very much.