Frequently Asked Questions

On this page, you will find answers to frequently asked questions. If you cannot find your answer here or have a special request, you can always contact me by e-mailing me at Michael.Knothe@gmx.de or using my contact form!

Customers of Hosteurope and Strato, please read this information!

Note: We recommend using Notepad2 to edit the files! The program is a very good alternative to the Windows Notepad.



Design

Technical issues





How do I change the background color?
Template 1 - 9
Open style-contact-form.css in an editor (we recommend using Notepad2) and search for:



This is where you can change the HTML color code (FFFFFF). If you want a transparent background, enter "transparent" instead of a color code. Like this: background-color: transparent;



How can I change the width of the contact form?
Contact Form Template 1 and 2
Open style-contact-form.css in an editor and search for:

This is where you can change the width (width: 600px;) Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets; max. width: 655px).

Contact Form Template 3
Open style-contact-form.css in an editor and search for:

This is where you can change the width (max-width: 39em;) Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets). When the resolution is accordingly low, the form fields become single columns again. With @media (max-width: 400px), you can define when this should happen.

Contact Form Template 4
Open style-contact-form.css in an editor and search for:

This is where you can change the width (width: 600px;) Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets). (max-width: 655px)

Contact Form Template 5
To change the width in Template 5, take a look at the following example. In this example, we will change the width from 715px to 915px. Open style-contact-form.css in an editor (we recommend using Notepad2).

Search for "width: 715px;". Change "width: 715px;" to "width: 915px;"
Search for "max-width: 660px;". Change "max-width: 660px;" to "max-width: 860px;"

Now, however, the left margin in the form labels is somewhat wider. If this does not bother you, you can leave it like that. If you want the width to be displayed correctly again, you must "indent" it. To do so, you will have to change five more values.

1. Search for "width: 31%;" Change "width: 31%;" to "width: 34%;"
2. Search for "width: 81%;" Change "width: 81%;" to "width: 84%;"
3. Search for "width: 19%;" Change "width: 19%;" to "width: 16%;"
4. Search for "width: 19% !important;" Change "width: 19% !important;" to "width: 16% !important;"
5. Search for "padding-left: 19%;". Change "padding-left: 19%;" to "padding-left: 16%;"

6. (optional - only for two or more file upload fields) Search for "margin-left: 23.52%;". Change "margin-left: 23.52%;" to "margin-left: 19.30%;”

Now the form will be displayed correctly again! You can repeat this procedure with any size variable.

Demo - This is how the form with the width "915px" looks!

Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets). When the resolution is accordingly low, the form fields become single columns again. At "max-width: 660px", you can define when this should happen.

Contact Form Template 6
Open style-contact-form.css in an editor and search for:

This is where you can change the width (max-width: 400px;) Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets). (max-width: 380px)

Contact form Template 7
Open style-contact-form.css in an editor and search for:

This is where you can change the width of max-width: 555px. Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets). (max-width: 410px)

Contact Form Template 8 and Template 9
Open style-contact-form.css in an editor and search for:

This is where you can change the width of max-width: 500px. Note: Since our contact form has a responsive design, the width adjusts automatically at low resolution (smartphones, tablets). Template 8: max-width: 390px Template 9: max-width: 500px



How can I center the contact form?
You can center the contact form (Template 1, 2, 3, 4, 6, 7, 8, and 9) vertically with the CSS Flexbox model. Open style-contact-form.css with an editor (e.g. Notepad2) and insert this code within the body { }:



Please also change the value of margin-left to 0px. (under ".kontaktformular { }") This is only necessary for Template 1, 2 and 4.

Template 5

To center the contact form, open style-contact-form.css in an editor (e.g. Notepad2). Now, insert the following code before body (line 5):



"width: calc(1rem/16*715);" is the standard width (i.e. 715px) of the form. If you have changed the width before, you must adjust this value accordingly.

Nevertheless: You can also center Template 5 with an iFrame. In this case, you have to add the following text after "border: none;" in the iFrame code (see installation instructions):

width: calc(1rem/16*715); max-width: 100%;

This is what it should look like:

<iframe src="contact.php" style="border: none; width:calc(1rem/16*715); max-width:100%; height:700px;"></iframe>

You can also use the responsive iFrame. Here you also have to insert the aforementioned code within style="".

If you are using an older bootstrap version (before v4.3.1): Do not define the value "font-size" (under html{ }) in px in the CSS file "bootstrap.min.css". The entry must always be: "font-size: initial;"



Contact form with security questions (spam protection): Is it possible to edit or add questions?
Yes. Open AntiSpam.php in an editor (we recommend: Notepad2). Here you can delete, edit or add new questions and answers. When you add something, pay attention to the sequential number and the comma for the penultimate entry (after the closing parenthesis)!
Example.: 6 => array("What is 12 plus 1?",13),

We recommend you formulate new questions and answers and delete the default questions in AntiSpam.php! Ideally, the answers should not be identical to the answers for the default security questions.

Examples of security questions:

What color is grass?
Answer: green

Type this word: red
Answer: red

Which letter is missing here: Recommndation
Answer: e

Which letter is missing here: Telephne
Answer: o

If it rains, it will get...?
Answer: wet

You can download the previous sample questions as a new anti-spam file here. Replace the previous "AntiSpam.php" file on your web server with the updated one.



I do not receive an e-mail via the contact form (also not via the file test.php).
Executing the file test.php (included in the download package) checks if the PHP function "mail()" is activated on your server. This ensures that you can receive e-mails via the contact form. If you do not receive an e-mail via test.php or contact.php, there are nine possible reasons.

1. Check whether the e-mail address you entered in the config.php file is correct (this only applies if you do not receive an e-mail via contact.php).

2. Some hosting providers (e.g. Strato, Hosteurope) require that the corresponding e-mail address (which you use for test.php or which is entered in the config.php file) also be registered in the customer area / customer control center. Please contact your hosting provider for further assistance. The specific reason: The "problem" is that these hosting providers use SPF (Sender Policy Framework) on their mail server. SPF helps prevent forged sender addresses and fight spam. Specifically, SPF is used for sender authentication. Therefore, with these hosting providers, you need to verify the e-mail address used in their customer control center.

3. AOL, Yahoo and Hotmail e-mail addresses are not delivered? Find solution(s) on this page! Here, you will find a solution for both the sender and the recipient address! Note: E-mails sent via the test form (test.php) might still be delivered because the sender address (no-reply@kontaktformular.com) has been specified here. Sending the test e-mail successfully is therefore not necessarily related to the inability to send an e-mail via the contact form (contact.php).

4. Local web server (http://localhost ): Please always test the PHP mail function on the server of a renowned hosting provider. With local web servers (e.g. Xampp), often no mail server is installed. Frequently, this is also incorrectly configured, which means that the PHP mail function is not addressed correctly.

5. Contact your hosting provider to confirm whether the PHP function "mail" is actually installed on your server. If your hosting provider does not allow this function, use SMTP (in this context, please also refer to the information under point 6). The subsequent test of the SMTP function can only be carried out via the contact form (contact.php). (the file test.php is only used to check the PHP function "mail") Therefore, enter your e-mail address and your (company) name in config.php. (line 3 and line 5 - see installation instructions)

Additional information: As described under point 2, some hosting providers (e.g. Strato, Hosteurope) require that the e-mail address (which you use for test.php or which is entered in the config.php file) also be registered in the customer area / customer control center. Contact support if necessary.

6. Some e-mail providers (e.g. Yahoo) only receive e-mails that are transmitted via their own mail server. Since these providers classify the PHP function mail() as insecure, you will have to activate SMTP. In this case, you need the SMTP data of the corresponding e-mail provider. Important: Please check with your hosting provider whether SMTP connections to external e-mail providers are allowed (often, SMTP to external mail servers is denied).

Info: The PHP mail function should be no problem for GMX and Gmail (as per August 2019).

7. Check whether an external spam filter is active (within your server settings). If you are not sure about this, please contact your web host.

8. Check whether the e-mail has been marked as spam by your e-mail program (e.g. Outlook). Info: The sender of the test e-mail (test.php) is "no-reply@kontaktformular.com". With certain spam filter settings, the word "no-reply" is automatically marked as spam!

9. If you are a customer of Strato or Hosteurope, please take note of this information.


Custom Form

Custom and professional web forms for your company! Fast, affordable, and discreet! Send us a message!