davmerit

@merkucio – I think I understand you 🙂

In your case you would do

[select* menu-206 first_as_label "Select doctor" "David Mikaberidze" "Sophio Gelashvili" "Maya Dolidze"]

“Select doctor” becomes the label but non-selectable. Other selectable elements would be “David Mikaberidze” “Sophio Gelashvili” “Maya Dolidze”.

also see tag syntax on how tags work. 😉

This is not available directly in Contact Form 7. It can be done via custom programing but you would need to be rather skilled at WordPress development using PHP and/or jQuery.

Some of the premium Form plugins do offer some Conditional Logic including Gravity Forms and Ninja Forms.

Please include all your input in the Mail sections of the CF7 interface. If others here are able to understand your actual problem, they may be able to offer a possible solution.

If this resolves your question, it helps others contributing here, you can flag your post as [resolved] 🙂

Emails can be considered spam for a whole host of reasons and get rejected at many points in the email process in addition to your spam folder.

See Contact Form 7 Email Issues – this links to a much more comprehensive article which also covers emails being considered spam.

See also Best Practice to Set Up Mail.

The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

I have examined your form. Here is the bit of CSS that is causing the problem.

#contactform_main input[type="url"], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea {
    border: 1px solid #eee;
    box-shadow: 0 0 5px #f1f1f1 inset;
    float: left;
    margin: 0 8px 8px 0;
    padding: 15px;
    width: 80%;
}

Correction: You can do all of that without float:left; and you should be fine

#contactform_main input[type="url"], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea {
    border: 1px solid #eee;
    box-shadow: 0 0 5px #f1f1f1 inset;
/*    float: left; */
    margin: 0 8px 8px 0;
    padding: 15px;
    width: 80%;
}

Add your CSS via Child Theme or use custom CSS plugin.​​

@lloyd_taylor85 Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution.

The spinning arrow is a common symptom of a JavaScript conflict with either your current WordPress theme or one of the other plugins you are using. It can also be caused by a server-side warning or error. See Contact Form 7 Email Issues – there is a link there that covers JavaScript Conflicts.

I suggest you do a step by step approach to finding JavaScript Conflicts

1. Switch temporarily to a WordPress default theme (Twenty Eleven etc.) and see if the problem goes away.

If it does, you’ve most likely got a JavaScript conflict with your current WordPress theme.

If switching to default theme doesn’t help it could be one of the plugins you are using that is causing the problem.

2. Disable all plugins other than Contact Form 7

If doing that solves the problem, you can then add back each item – one by one, until you find the real cause of the problem.