안녕하세요, 좋은 서비스에 감사의 말씀 올립니다.
다름이 아니라 Kboard 페이지를 모바일에서 보았을 때 고치고 싶은 점이 있어 이렇게 문의를 드립니다.
_
<사진 1>은 Kobard 데모 페이지를 모바일에서 본 것입니다.
사진 1: https://imgur.com/0WyhOF7
저는 <사진 1>에서 화살표가 가르키는 바와 같이 Kboard 글 리스트 표의 넓이를 넓히고자 합니다.
휴대폰의 가장자리까지 표의 크기를 키우고 싶습니다.
_
이를 위해 저는 크롬 개발자 도구를 이용하여 다음과 같은 코드를 작성해보았습니다.
#kboard-thumbnail-list{width: 120%;}
width의 값을 120%로 한 것은, 기본값이 100%이기 때문에 이보다는 더 큰 값을 넣어야한다고 생각했기 때문입니다.
width의 값을 120%로 넣으니 표가 커지기는 했습니다만 아래와 같은 문제점이 발생하였습니다.
_
아래에 있는 <사진 2>를 보시면 표의 가로 길이는 분명히 확대 되었으나, 오로지 '오른쪽'으로만 확대됨을 알 수 있습니다.
사진 2: https://imgur.com/e4X9Q9Z
_
저는 표를 왼쪽과 오른쪽 모두 동등하게 확대하고 싶습니다.
그렇게 함으로서 휴대폰의 왼쪽 가장자리와 오른쪽 가장자리 모두에 표가 맞닿을 수 있도록 만들고자 합니다.
어떻게 하면 좋을까요?
감사드립니다.
안녕하세요~^^
KBoard(케이보드) 게시판 너비는 테마 쪽에서 설정한 너비만큼 설정됩니다.
그렇기 때문에 모바일에서 KBoard 게시판을 꽉 차게 표시되게 하시려면
테마 쪽의 CSS 코드를 수정해주셔야 합니다.
저희 데모 페이지의 여백 또한 테마 쪽에서 설정하고 있습니다.
비회원으로도 확인 가능한 페이지 주소 알려주시면
CSS 코드로 해결이 가능할지 살펴보겠습니다.
고맙습니다.
안녕하세요. 답변 감사드립니다!
제가 질문한 문제를 해결하였습니다.
말씀하신대로 테마 쪽 CSS를 수정하는 방법도 있었고, 저는 아래와 같이 calc 속성을 사용하여 해결하였습니다.
#kboard-default-list{margin-left: -20px; width: calc(100% + 40px);
감사합니다!