Почему кнопка отправки поверх поля textarea?

Question

На this page:

Я не могу понять, как haxxor в CSS так, чтобы зеленый «Sign Up Now» кнопка не над верхней частью поля TEXTAREA. Я хочу, чтобы он отображал НИЖЕ поле ввода.

Любые идеи?

Answer 1

Перейти к файлу CSS (woocommerce.css) найти этот класс и добавить его маржин-топ:

.button, a.button.checkout { 
    background: #6cbe42; 
    padding-left: 2em; 
    padding-right: 2em; 
    margin-top: 50px; 
} 

Answer 2

Проблема заключается в height набор в контейнер p.form-row-wide в textarea. Chrome распечатать его визуально правильно, но код CSS делает этот результат:

Так кнопку «Зарегистрироваться» в вашем браузере перекрывал текстовое поле. Чтобы это исправить, обновить CSS:

.woocommerce form .form-row-wide, 
.woocommerce-page form .form-row-wide { 
    clear: both; 
    height: auto; 
}