Добавить границу и фон для контакта 7 форма Wordpress

Question

Я пытаюсь добавить границу и цвет фона в контактную форму 7. Я использовал «проверять элемент», чтобы узнать, к какому классу/ids нужно настроить, но я не нашел того, что нацеливает всю форму в целом. Все, что я пробовал (например, .wpcf7-form и .wpcf7), предназначено только для текстовых областей. Кто-то может помочь? Благодаря!

Answer 1

Вы могли бы окружить форму с DIV в HTML:

<div class="custom-styling"> 
    // contact form 7 code here 
</div> 

Затем стилизации custom-styling класс с помощью CSS.

Answer 2

Элемент верхнего уровня контактной формы имеет класс wpcf7. Для того, чтобы стилизовать всю форму контакта, добавить правила стиля для выбора класса, как, как:

.wpcf7 
{ 
    background-color: #f7f7f7; 
    border: 2px solid #0f0; 
} 

Для получения более подробной информации, проверить его здесь: http://contactform7.com/styling-contact-form/

Надеется, что это помогает.