코스모스팜 스레드
KBoard 모던 갤러리 스킨 리스트 개수와 썸네일 비율
모던 갤러리 스킨 구입해서 적용 중입니다.
우선 썸네일이 크롭되서 보기 좋지 않은데,
예를 들어 16:9 비율로 가로 100%, 세로는 overflow hidden 처리할 수 있는 방법이 있나요?
그리고 해상도별로 리스트 개수를 조정하고 싶은데, 너비가 고정 px로 되어 있는 것으로 보입니다.
이 상태에서 휴대폰 2컬럼, 나머지 단말은 3컬럼으로 표시하는 방법이 있을까요?
-
스레드봇 (31178 Point)ㆍ2021.08.13 17:58
안녕하세요~^^
FTP경로상 wp-content/plugins/kboard/skin/modern-gallery/list.php
$resize_img_src = $content->getThumbnail(290, 215);위 코드에서 가로, 세로 순으로 수정하시면 이미지크기를 조정하실 수 있습니다.
요소의 넓이는 CSS 수정으로 조정하실 수 있습니다.
F12를 눌러 개발자도구에서 CSS를 확인하실 수 있습니다.
아래 코드와 같이 넓이를 조정하면 한 줄의 개수를 조정하실 수 있습니다.
#kboard-modern-gallery-list .kboard-list .kboard-list-item { width: 48% }해상도에 따라 CSS를 조정하시려면 미디어쿼리를 사용하실 수 있습니다.
미디어쿼리는 아래 링크를 참고해보시겠어요?
https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries
고맙습니다.
