Phone # out of alignment & changing photo icon

Richard Brown created the topic: Phone # out of alignment & changing photo icon

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.

#18089
Attachments:

Please Log in or Create an account to join the conversation.


Richard Brown replied the topic: Phone # out of alignment & changing photo icon

I have sent admin access to Web-Dorado <info@web-dorado.com>

#18090

Please Log in or Create an account to join the conversation.


Richard Brown replied the topic: Phone # out of alignment & changing photo icon

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.

#18093
Attachments:

Please Log in or Create an account to join the conversation.


Richard Brown replied the topic: Phone # out of alignment & changing photo icon

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.

#18095

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

Dear Richard,

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


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#18109

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

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.


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#18152

Please Log in or Create an account to join the conversation.


Richard Brown replied the topic: Phone # out of alignment & changing photo icon

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!

#18275
The following user(s) said Thank You: Support

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

Dear Richard,

Thank you!

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


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#18311

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

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.


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#18353

Please Log in or Create an account to join the conversation.


Richard Brown replied the topic: Phone # out of alignment & changing photo icon

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.

#18357
Attachments:

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

Dear Richard,

Could you please check now?
Thank you.


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#18380

Please Log in or Create an account to join the conversation.


Richard Brown replied the topic: Phone # out of alignment & changing photo icon

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. ;)

#18392

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

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.


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#18419

Please Log in or Create an account to join the conversation.


Douglas Dorfman replied the topic: Phone # out of alignment & changing photo icon

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).

#26662

Please Log in or Create an account to join the conversation.


Support replied the topic: Phone # out of alignment & changing photo icon

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;
}

Thank you.


Best regards,
Web-Dorado team


Joomla extensions ,
Wordpress plugins ,
Drupal modules
#26681

Please Log in or Create an account to join the conversation.


Douglas Dorfman replied the topic: Phone # out of alignment & changing photo icon

Great. It worked. Thank you.

#26702
The following user(s) said Thank You: Support

Please Log in or Create an account to join the conversation.


Thomas Hudgins replied the topic: Phone # out of alignment & changing photo icon

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;
}

but it doesn't look like that class is being applied to the actual area code element. Looking at the page source of the rendered form, there is only one occurrence of that string and it's in the definition - it never gets used.

Confused.

#47927

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Phone # out of alignment & changing photo icon

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!


Kind regards,
Agapi G.
Web-Dorado team
#47979

Please Log in or Create an account to join the conversation.


Thomas Hudgins replied the topic: Phone # out of alignment & changing photo icon

Thanks for the reply.

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

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

Tom

#47985

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Phone # out of alignment & changing photo icon

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;
}

Thank you!


Kind regards,
Agapi G.
Web-Dorado team
#48015

Please Log in or Create an account to join the conversation.


Thomas Hudgins replied the topic: Phone # out of alignment & changing photo icon

Thanks, this fixed the problem.

#48805

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Phone # out of alignment & changing photo icon

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!


Kind regards,
Agapi G.
Web-Dorado team
#48867

Please Log in or Create an account to join the conversation.


Frankie replied the topic: Phone # out of alignment & changing photo icon

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;
}

#75987

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Phone # out of alignment & changing photo icon

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!


Kind regards,
Agapi G.
Web-Dorado team
#76041

Please Log in or Create an account to join the conversation.


Time to create page: 0.266 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us