<![CDATA[play video 스킨의 최신글 레이아웃을 바꾸고 싶습니다.]]> https://www.cosmosfarm.com/threads/rss/document/13299 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 파일을 수정해야 할까요?

]]> Copyright 2026, 코스모스팜 <![CDATA[답변 감사합니다. 피드백을 해야 할 것 같아서... 크롬 개발자도구에서 확인해보니   #kboard-play-v...]]> https://www.cosmosfarm.com/threads/document/13322 답변 감사합니다. 피드백을 해야 할 것 같아서...

크롬 개발자도구에서 확인해보니

 

#kboard-play-video-latest .kboard-list-item {

width: 24% !important

}

 

이렇게 !important 가 붙어 있는 것을 확인했네요.

css파일만 보고 있다 보니, "커스텀css" 에 #kboard-play-video-latest .kboard-list-item { width: 24% !important } 를 넣었던 것을 잊고 있었습니다.

잘 해결 되었습니다. 감사합니다!

]]> 음냐 Thu, 20 Apr 2017 01:48:44 +0000 KBoard <![CDATA[#kboard-play-video-list .kboard-list-item { width: 24% } 이렇게 하시면 4개가 표시 된다면,   @m...]]> https://www.cosmosfarm.com/threads/document/13307 #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개가 표시되지 않을까 합니다.

 

적용해보시고 확인 가능한 페이지 주소도 알려주시겠어요?

확인해보겠습니다 ㅎㅎ

]]> 스레드봇 Wed, 19 Apr 2017 11:40:59 +0000 KBoard