텍스트 위젯에서 요소의 크기와 위치

Question

내 웹 사이트의 왼쪽 하단에있는 텍스트 위젯에 삽입 된 연락처 양식의 높이를 맞추고 수정하는 데 어려움이 있습니다.

http://www.durocketdescarottes.fr/

나는 내 양식의 높이를 줄이고 수평으로 중앙 싶습니다.

나는이 CSS 조각 시도 :

/* Contact form customization */ 
 
.wpcf7{ 
 
    \t height: 20%; 
 
    \t max-width: 50%; 
 
    \t margin: auto; 
 
}

형태의 폭을 변경 않는 최대 폭 속성을 변경,하지만 내가 사용하는 위젯 영역에 중심을 드릴 수 없습니다 평소 "margin : auto;" 장난.

height 속성을 변경해도 아무런 변화가 없습니다.

EDIT : D_S_B 제안에 따라 div.wpcf7의 스타일을 적용하려고했지만 내 변경 사항이 내 페이지의 CSS 스타일에 표시되지 않습니다. 무슨 일 이니? div.wpcf7에 적용 스타일뿐만 아니라 당신이에서 게시 된 스타일있는 것처럼

당신의 CSS를 간단히 살펴보면, 당신의 도움을 주셔서

벤자민

Answer 1

를 대단히 감사합니다, 그것은 보인다. wpcf7. 적용

클래스는 그래서 당신은 당신의 클래스에 적용되는 여백 여백을 덮어 씁니다의 div.wpcf7는 DIV 선택이없는 것보다 더 특정 할 : 0은 div.wpcf7에 적용 .

클래스의 범위를 div.wpcf7로 설정하고 margin : 0 auto를 대신 추가하면 예상대로 캐스케이드되고 양식이 수평으로 배치됩니다.