card-gallery, modern-gallery 를 사용중입니다.
한줄에 3개씩만 배열되는군요..한줄에 4개씩 혹은 더 배치할 수 있나요?
방법을 알려주세요
KBoard 카드 갤러리 스킨의 경우는 아래와 같은 CSS 속성이 있습니다.
기본이 width: 32% 로 되어있는걸 width: 23% 정도로 수정하시면 한줄에 4개로 보이게 할 수 있습니다.
커스텀 CSS에 속성을 추가해주세요.
#kboard-card-gallery-list .kboard-list-item { position: relative; float: left; margin: 0 1% 1% 0; padding: 0; width: 32%; height: 330px; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }
KBoard 모던 갤러리 스킨의 경우도 아래의 CSS 속성을 조절해보세요.
또한 width가 고정값이기 때문에 테마의 페이지 영역이 넓다면 자동으로 4개 또는 그 이상도 표시될 수 있습니다.
역시 모바일 같이 좁은 화면에서는 자동으로 1개로 표현됩니다.
#kboard-modern-gallery-list .kboard-list .kboard-list-item { float: left; margin: 7px; padding: 0; width: 290px; overflow: hidden; list-style: none; border: 1px solid #e7e7e7; box-sizing: content-box; }
크롬 브라우저의 개발자도구(F12키)를 사용하시면 CSS 속성을 쉽게 찾고 테스트 하실 수 있습니다.