How to do alignment of text fields

Dear mad4uash1,

Please provide us the link where you face the issue. We will check out. We will suggest you a CSS code to fix the issue. Thank you.

https://www.amsr.in/contact-us/

https://www.amsr.in/request-quote/

Here are the two links of my contact pages .You can see on both the pages the alignment of the boxes are not perfect or matching with the text fields

Please add the following code either to your theme CSS or the theme CSS of the Contact Form Builder:

.wdform-element-section > div {
vertical-align: top !important;
}

Dear webdorado,

I added the given code to the custom CSS of my theme but nothing happens/no change.

Can you please tell me where is the theme CSS of the Contact Form Builder??I cant able to trace it out.

Or can you rectify it in the plugin itself.?

Dear user,

Most likely you have not added it to the front end CSS of your theme, since we are unable to see it added. In any case if you add it to the following CSS file it will work just fine:

contact-form-builder\css\contact_form_maker_frontend.css.

Ok, i added it now but still the problem persists.
Here is the screenshot link i am sharing with you.

https://postimg.org/image/kzw9xl7sv/

Dear user,

As you will see from the screenshot the “>” has been replaced with “&gt”, please correct and try it out again. Thank you.

I want to add two more name column to the contact form 5. How can i add one more same column to the contact form ?

Dear Webdorado,

As per your latest code “Phone” & “Mobile” text fields are got aligned. But “Country” and radio button options are not aligned correctly.
Kindly see the link for reference https://amsr.in/?page_id=31&preview=true

Dear volselcuk, Unfortunately, it is not possible to add fields in Contact Form Builder. It is only possible to edit the current fields.

Dear mad4uash1, the stated page returns 404 error, please provide us the proper link for us to help you out. Thank you.

Dear Webdorado ,

Kindly see this page link below for reference

https://www.amsr.in/contact-us/

(Here “Phone” & “Mobile” text fields are got aligned. But “Country” and radio button options are not aligned correctly.)

Dear mad4uash1,

Please use the following code in the same location as the previous code:
input[type=”radio”], input[type=”checkbox”] {
margin: 0 !important;
}

This will fix the issue with the radio button alignment, as for the country option, the field is a bit larger than the rest, which makes not identically aligned. Thank you.

Dear Webdorado,

Thank you very much for your kind consideration with help & support.
Your codes really helped me a lot.
Topic is resolved.