코스모스팜 스레드
모바일, PC, 테플릿에서 보이는 게시글 갯수 변경
1. 정확한 제품 또는 플러그인 이름
모던갤러리스킨
2. 상세 내용
코딩쪽으로 지식이 부족해서 자꾸 질문하게 되네요.. 다름아니라 제목 처럼 홈페이지를 이용하는 기기에 따라 보이는 게시글 개수가 다르게 하고 싶습니다. 지금은 아무것도 안해서 한 줄에 6개의 갤러리 글이 들어가게 되고 모바일에서는 1개씩 1줄로 보입니다. 이걸 PC에서는 1줄에 5개씩 보이게하고 테블릿도 5개, 모바일 2개 또는 3개씩 보이게 하고 싶은데 어떻게 하면 될까요..?? 검색해봤는데 제가 잘 못찾아서 이렇게 질문남깁니다..!
3. 확인 가능한 상세 페이지 주소
롱브릿지 - longbridgekorea.com (편집샵 추천 사이트)
4. 수정한 코드 내역 (있다면)
-
스레드봇 (30978 Point)ㆍ2022.05.31 13:51
안녕하세요~^^
F12를 눌러 개발자 도구에서 해당 요소들의 css를
확인하실 수 있습니다.
아래 예제 코드를 참고하여 게시글의 너비를
적절히 조정하여 테마 추가 css에 입력해보시겠어요?
#kboard-modern-gallery-list .kboard-list .kboard-list-item { width: 20%; }모바일의 경우 미디어 쿼리를 사용하여
조절하실 수 있습니다.
@media screen and (max-width: 600px){ #kboard-modern-gallery-list .kboard-list .kboard-list-item { width: 30%; } }레이아웃을 조정하시고 싶으신 경우
css의 지식을 가지고 계시면 수월합니다.
아래 링크에서 css에 대해 알아보실 수 있습니다.
https://developer.mozilla.org/ko/docs/Web/CSS/Reference
고맙습니다.
