Форма для связи 7 Wordpress Plugin не отображается правильно

Question

Я создаю пользовательскую форму, используя плагин Contact Form 7 для страницы wordpress: http://dentclaims.com/contact, а переключатели и флажки отображаются на отдельных строках. Я использую следующее:

Тессеракт Wordpress тема v2.1 - Wordpress v4.3.1 - Chrome для Mac Версия 46.0.2490.80 (64-разрядная версия)

Вот код в виде CF7:

<p>This appointment is for*: [text* patient-name] </p><br /> 
<p>Requested by: [text your-name] </p> 

Your email*: [email* your-email] 

<p>Your telephone number*: [tel* your-tel] </p> 

<p>Preferred date (select up to three) 
First choice: [date date-first] Second choice choice: [date date-second] Third choice: [date date-third] </p> 

Preferred time:[radio radio-time "Any time" "10:00am-Noon" "Noon-2:00pm" "2:00pm-5:00pm"] 

<p>Reason for your visit: [checkbox checkbox-reason "Exam and cleaning" "Consultation" "Previously discussed treatment" "Other"]</p> 

<p>Notes for the doctor:<br /> 
[textarea textarea-notes]</p> 

<p>[submit "Request Appointment"]</p> 

Есть 2 ссылки на .wpcf7 класса в CSS Тематической в:

здесь:

.wpcf7-submit{ 
    float: left; 
    clear: both; 
    margin-bottom: 20px; 

и здесь:

/* CONTACT FORM 7 */ 
.wpcf7-form-control-wrap { width: 50%; } 

Независимо от того, как я расположить элементы формы, они до сих пор делают неправильно. Может ли кто-нибудь предложить решение? Еще один файл CSS для проверки? N00b здесь, поэтому борются, где еще искать решения.

Answer 1

Существует линия кода в CSS, который вызывает все span элементы имеют ширину 100%:

#content form span { 
    width: 100%; 
} 

Сделать что менее двусмысленным так, чтобы не влиять на опционных радио метки.