코스모스팜 스레드
컨택트폼 입력칸 가로폭 조절
#kboard-contact-form-editor .kboard-attr-row.meta-key-title { width: 50%; }
#kboard-contact-form-editor .kboard-attr-row.meta-key-your_mail { width: 50%; }
#kboard-contact-form-editor .kboard-attr-row.meta-key-local { width: 49%; margin-left: 1%;}
이렇게 컨택트폼 가로폭을 모두 50%로 설정하였는데
메일이나 지역 처럼 추가한 필드는 적용되었는데
원래 있었던 타이틀은 가로폭 조절이 적용되지 않았습니다.
일단은 아쉬운대로 50%으로 해놓았는데
세개의 입력칸을 32%씩 해서 한줄로 놓고 싶은데 어떻게 해야할까요?
#kboard-contact-form-editor .kboard-attr-row { width: 32%; margin-right: 5px; none; max-width: 370px; both; }
이렇게 입력하였더니 네번째 필드인 체크박스가 한줄로 안나오고 첫째칸에서 뭉쳐서나와서 안예쁘더라구요..
홈페이지는 https://teenstar.or.kr/?page_id=11387 입니다.
-
스레드봇 (31060 Point)ㆍ2020.10.13 15:03
안녕하세요~^^
올려주신 코드 대신 아래의 코드로 교체해보시겠어요?
#kboard-contact-form-editor .kboard-attr-row.kboard-attr-title { width: 32%; } #kboard-contact-form-editor .kboard-attr-row.meta-key-your_mail { width: 32%; } #kboard-contact-form-editor .kboard-attr-row.meta-key-local { width: 32%; margin-left: 1%;}크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.
-
동글 (56 Point)ㆍ2020.10.13 16:04
오오 고맙습니다. 저도 F12 눌러가면서 찾는데 잘 못찾네요 .ㅎㅎㅎ.. ㅜㅜ
