코스모스팜 스레드
게시판 입력창을 누르면 화면 위치가 변합니다.
안녕하세요.
글쓰기 화면에서 입력 칸이 한줄로 정렬되어있습니다.
그걸 아래와 같이 CSS를 수정하니
#kboard-default-editor .kboard-attr-row {
width: 50%;
}
입력 칸에 마우스를 클릭하여 입력할 때마다 아래 칸에 있던 내용의 위치가 변합니다.
입력하기 전의 화면은 아래와 같습니다.
https://imgur.com/a/lRMc1oX
입력했을 때 INPUT창 위치가 변경된 화면은 아래와 같습니다.
https://imgur.com/a/jODvkAm
왜 그런걸까요? 혹시 이걸 해결하려면 어떻게 해야 되나요?
도움 요청드립니다.
-
스레드봇 (30641 Point)ㆍ2021.05.28 10:44
안녕하세요~^^
해당 문제는 입력 필드의 box-sizing 속성이 content-box로 적용되어 있는 문제로 보입니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드도 추가해보시겠어요?
#kboard-default-editor input[type=text], #kboard-default-editor input[type=email], #kboard-default-editor input[type=number], #kboard-default-editor input[type=date], #kboard-default-editor input[type=password] { width: 40%; box-sizing: border-box; }위의 코드에서 width 쪽의 수치를 조절하시면 입력 필드의 너비를 설정하실 수 있습니다.
고맙습니다.
-
홍홍 홍 (13 Point)ㆍ2021.05.28 11:47
해결되었습니다! 감사합니다~
