문의 양식 (7) 센터는 입력 필드

Question

나는 여기에 내 홈 페이지에 연락처 양식 (7)이있다. 나는 전에 사용했던 몇 가지 트릭을 시도했고 다른 스택 오버 플로우 질문과 어떤 이유로 든 운이 없다. 나는 CSS에서 이러한 시도 http://www.screencast.com/t/ygBP3eQn9jQu

:

.contactform input[type="text"],form .contactform input[type="email"]{ 
    margin: 9px auto 0 !important; 
} 

그리고이 :

.wpcf7-form-style { 
    max-width: 800px; 
    margin: 0 auto; 
    float: none; 
    display: block; 
} 

모두 행운

나는이 트릭을 시도했다. 나는 잠시 동안 경비원을 어지럽 혔고, 그것을 바꿀 수 없었다. 시도 할 선택자 또는 속성에 대한 다른 제안 사항은 무엇입니까?

Answer 1

클래스가 contactform 인 요소가 없으므로 입력을 선택할 수 없습니다. 게시물에 shortcode 양식을 추가하거나 다른 선택기를 사용하십시오. .home .wpcf7-form input[type="text"], .home .wpcf7-form input[type="email"] 입력을 중앙에 놓고 싶지 않은 두 번째 CF7 양식을 홈페이지에 추가하지 않는다고 가정합니다.

이외에 margin: auto;은 잘 작동합니다.

Answer 2

당신을 추가하십시오이있는 style.css :

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { 
    margin-left: 250px !important; 
}