Upload button width

Hi,

Here is the form in question 60854960060354

I would like to make the width of the Upload Photo Button the same width

as the fields above, Name,Email, etc etc.

The reason being is i need to put text below this button but it will only show on one line because of the button width.

If i make button width wider then i can put text all on one line.

Please advise how i can make the button the same size as text box fields above.

I can then edit my other forms.

Thanks

Hi,

I have now found how to edit width.

I have done this & edited my text.

Please can you make Upload a Phone button center to page.

For internet form & iphone form.

Currently it is to the right & not center.

I see the following code but not sure if this is where i need to edit or how to edit ??

#cid_23 {
    margin : auto !important;
    width : 60% !important;
}

#cid_23 > div {
    margin : auto !important;
}

Hi,

Please try replacing the CSS you provided with the CSS below.

---------------------------------------------

#cid_23 {

    margin : auto !important;

    width : 100% !important;

}

#cid_23 > div {

    margin : auto !important;

}

.qq-uploader {

width: 100%;

}

.form-all .qq-upload-button {

width: auto;

}

---------------------------------------------

To inject CSS to your form, please see How to Inject Custom CSS Codes.

Do let us know if you need further assistance.

That worked great but now pushed the Send button to the left & now not center.

Please use this custom CSS code to align the "Send" button to center.

#id_14 {
margin: 10px auto !important;
width: 350px !important;
}

Hope that helps. Thank you.

Hello,

That makes it center on the internet but not mobile iphone.

See screen shot of iphone below,still left.

You are correct. First, please erase the CSS code I provided above. 

In the Form Designer, click the "Send" button. The Button Styles in the Design tab will appear. Click the "Center Alignment" icon at the bottom part. This will put the button to center. If you preview it on mobile devices, it'll appear at center as well.

This is how it should look like in the mobile phone:

Hope that helps. Thank you.

Many thanks,great job.

Have a nice evening.