안녕하세요 K보드 컨텍트폼 잘쓰고 있습니다
http://badapon.com/
컨텍트폼 입력필드를 넣어놨는데
브라우저 크기를 조절하면 입력필드 크기가 고정되지않고 커져서 칸이 위아래로 나뉘게 되네요
모바일에서도 그렇구요
이거 사이즈 조절해놓고 고정시킬수 있는 방법이 있을까요?
답변주시면 너무너무 감사하겠습니다
안녕하세요~^^
KBoard 플러그인 컨택트폼(Contact Form) 스킨에서 모바일 입력 필드는
너비가 100%로 설정되어 있습니다.
별도로 너비를 조절하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
@media screen and (max-width: 600px) {
#kboard-contact-form-editor .kboard-attr-title input { width: 200px !important; }
#kboard-contact-form-editor input[type=text]#kboard_option_phone,
#kboard-contact-form-editor input[type=text]#kboard_option_phone2,
#kboard-contact-form-editor input[type=text]#kboard_option_phone3 { width: 100px !important; }
#kboard-contact-form-editor input[type=text]#kboard_option_ctid { width: 150px !important; }
#kboard-contact-form-editor input[type=text]#kboard_option_ctid2 { width: 150px !important; }
}
위의 코드는 PC에서 화면을 줄였을 때와 모바일에서만 적용됩니다.
픽셀 크기는 적절히 조절해보시겠어요?
고맙습니다.
정상적으로 작동 잘되네요
답변 너무 감사합니다!!