I am having an issue with the phone number input not displaying in a straight line. It is uneven on the form. See attached image. I have tried making the field longer, but that does not seem to work.

ALSO, where they submit their file, which would be a pdf, txt or word doc, it is showing a camera icon. Can this be changed to a button ("Upload File" or just "Upload") or a document icon? The camera does not work for this website and I don't want to confuse people.

I can give access for both these issues if need be.

I have sent admin access to Web-Dorado <[email protected]>

You probably need this - Link to form on site
connected-careers.com/our-services/free-resume-critique/

I am having yet another issue with another form on the site.
Link: connected-careers.com/our-services/request-a-quote/

The item "What services are you interested in?", you will see that the selections are bold and the check boxes are to the right instead of to the left. This a field where they can select all that apply. They need to be not bold and the check boxes on the left. How do we fix this? Images attached.

Issue with phone number fixed - I fixed this when I switched the fonts to my site fonts in the form template CSS.

All other issues still a problem.

Dear Richard,

We have received your e-mail and will work on the second issue soon.
Thank you.

Dear Richard,

Please be informed, that we have fixed the issue on your website. We have implemented the following CSS code:

.services_check>div>div {
   display: inline-block;
}
.services_check>div>div label {
   float:none !important
}
.services_check .checkbox-div {
   float:left; margin-right: 3px;
}

Thank you for the fix above...it looks good now.

However, I still need this fix:
Where they submit their file, which would be a pdf, txt or word doc, it is showing a camera icon. Can this be changed to a button "Upload File" or just "Upload" or a document icon? The camera does not work for this website and I don't want to confuse people. The "Upload" button would be the best option here.

Can yo help with this?

PS: Like the new look of your site!

Dear Richard,

Thank you!

We will soon give you the code, that you need to comment out for the upload button.

Dear Richard,

Here's the CSS code that you need. Please add it to the theme of your form:

.file-picker {
width: 0px !important;
height: 0px !important;
}
.file-upload input {
position: relative !important;
visibility: visible !important;
}

Thank you.

I have added this code to the template, however there is no button at all (Firefox-Mac).
If i click where a button should be, it allows me to browse for the file. But there is nothing there for the user to realize they can upload something there. It really needs a visual button "Browse" (as it looks on the back end in the form builder - image attached) or as it looks in Safari ("Choose Files" - image attached).
Once again link - connected-careers.com/our-services/free-resume-critique/

I am sending another image too from Safari (Mac) browser where something is showing up but out of alignment.

I had already sent access for earlier, let me know if I need to do this again.

Dear Richard,

Could you please check now?
Thank you.

That looks better. Still a little out of alignment, I guess because there is a box around the button area and the description text is aligning to that box. Any way to lose the outer box around the Browse button?

Another question...if I later update the plug-in will I lose what you have fixed?

I really want to thank you all for being so responsive with the help. It seems to be a rarity with some plugin vendors these days.

Dear Richard,

Please check the form, we've made the changes.
Since we've added the code to the CSS of the form, you can update an not lose the changes we made.

If you are really satisfied with our work and like the product, please find a couple of minutes to leave a review on WordPress.org. Here is the link: wordpress.org/support/view/plugin-reviews/form-maker .

Thank you.

I need the same fix. I don't want a camera, rather should be "Choose File" click button (same as it shows when building the form).

Dear Douglas,

Please add the following CSS code to the theme of your form:

.file-upload input {
    visibility: visible !important;
    position: static !important;
}
.file-picker {
    background: none !important;
}

Great. It worked. Thank you.

Hi,

I'm having the same problem as the OP with the area code being misaligned with the rest of the phone number. I'm not quite sure I understand what he did to fix that but for me, it seems like all I really need to do is increase the width of the box from 50 to 52 px (tested in the Inspector). However, I can't seem to figure out how to do this. In the theme css, there is a class called

.phone_area_code {
     width: 50px;
}

Dear Thomas,

Thanks for keeping us posted about this issue!

Could you please give the link to your form page? I will take a look and suggest a quick CSS solution as soon as possible.

Thank you in advance!

Thanks for the reply.

Here's the link to the page with the issue.

ehub48.webhostinghub.com/~equina5/hidden.../rates-reservations/

Tom

Dear Thomas,

Thank you for the link! Please add the following CSS code to your form theme to resolve the problem of Area code mini label and also fix the position of the line between inputs:

.mini_label {
    font-size: 9px !important;
}
.wdform_line {
    margin-bottom: 35px !important;
}

Thanks, this fixed the problem.

Dear Thomas,

That's awesome! Please feel free to let us know in case you have any other questions. I'll gladly assist you any time.

Thank you!

I am having the phone out-of-alignment issue. It appears in IE only. Adding the code below to the Form Theme did not fix the problem. See website: mssecuritypolice.com/application/ (must view in IE, looks fine in Firefox & Chrome)

.mini_label {
font-size: 9px !important;
}
.wdform_line {
margin-bottom: 35px !important;
}

Hello Frankie!

Thanks for posting about this problem!

Please note, that your Form Maker version is very old, it is built with tables. This is why the code did not do much help. Could you please give us temporary WordPress administrator access to your website? You can send the login information through this form .

Also make sure to include the link to this forum thread in your message. Our developers will check the alignment of Phone field and provide a fix as soon as possible.

Thank you! Have a wonderful day!