play video 스킨의 최신글을 가로로 4, 세로로 2 해서 8개의 동영상을 출력하고 싶은데요.
일단 #kboard-play-video-list .kboard-list-item { width: 24% } 로 가로로 4개 출력되게 했습니다.
그런데 해상도를 줄였을 때 동일하게 한 줄에 4개가 나열되다 보니 너무 작게 나오네요.
모바일에서는 한 줄에 동영상 한두 개만 나오도록 하고 싶은데요.
@media screen and (max-width: 600px) { } 부분에서 #kboard-play-video-list .kboard-list-item { display:block } 을 넣어봤는데 안 되네요.
latest.php 파일을 수정해야 할까요?
답변 감사합니다. 피드백을 해야 할 것 같아서...
크롬 개발자도구에서 확인해보니
#kboard-play-video-latest .kboard-list-item {
width: 24% !important
}
이렇게 !important 가 붙어 있는 것을 확인했네요.
css파일만 보고 있다 보니, "커스텀css" 에 #kboard-play-video-latest .kboard-list-item { width: 24% !important } 를 넣었던 것을 잊고 있었습니다.
잘 해결 되었습니다. 감사합니다!
#kboard-play-video-list .kboard-list-item { width: 24% }
이렇게 하시면 4개가 표시 된다면,
@media screen and (max-width: 600px) {
#kboard-play-video-list .kboard-list-item { width: 49% }
}
이렇게 하시면 한 줄에 2개가 표시되지 않을까 합니다.
적용해보시고 확인 가능한 페이지 주소도 알려주시겠어요?
확인해보겠습니다 ㅎㅎ