워드프레스 게시판 KBoard(케이보드) 사용중입니다.
위 사이트의 다운로드 메뉴가 확대/축소시 화면이 깨집니다.
피드백 부탁드립니다..
안녕하세요~^^
새로운 질문이 아닌 이어지는 질문이라면 이전 질문 페이지의 댓글로 남겨주세요.
규칙이 지켜지지 않는다면 저희가 답변을 제대로 못 드릴 수 있습니다.
올려주신 페이지 주소로 확인해보니
아래의 CSS 코드를 직접 추가하신 듯합니다.
div.kboard-wrap-center { width: 780px !important; }
div.kbaord-item-download-list { padding-left: 0px !important; width: 230px !important; }
div.kboard-download-item { width: 220px !important; }
어떤 이유로 위의 코드들을 추가하신 건지요?
너비를 특정 픽셀로 고정하고 있기 때문에 레이아웃이 깨지고 있습니다.
지우신 후에 확인해보시겠어요?
고맙습니다.
적용을 했는데도 첨부파일쪽이 여전히 깨집니다ㅠㅠㅠㅠ
첨부파일 쪽이 어떻게 깨지고 있는지요?
실제 문제가 되는 게시판이 설치된 페이지 주소 알려주시면 살펴보겠습니다.
고맙습니다.
http://antbot.co.kr/antbot/download/
사이트 입니다.
확대/축소시에 첨부파일쪽 정렬이 깨지는 문제가 있습니다
근데 이거는 초기화를 해도 똑같은 현상이 있어요
첨부파일 이름이 잘리는 문제를 말씀하시는 건지요?
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-ocean-download-list .kboard-list .kboard-list-item .kboard-wrap-right .kbaord-item-download-list .kboard-download-item { word-break: break-all; }
고맙습니다.
아니요 첨부파일 이름 말고 첨부파일이 오른쪽 정렬이 아니라, 제각각으로 바뀌어요
https://imgur.com/V0XKr92 위 사진처럼 정렬이 바뀝니다
확대/축소 해보시면 깨지는거 확인 가능합니다.
감사합니다.
확대/축소가 ctrl + +/- 눌렀을때 입니다.
아래의 CSS 코드도 추가해서 확인해보시겠어요?
#kboard-ocean-download-list .kboard-list .kboard-list-item { box-sizing: content-box; }
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.
고맙습니다.
해결 됐습니다!
정말 감사합니다~ 고생이 많으세요..