<![CDATA[오션갤러리 썸네일 PC6개, 모바일 노출 3개로 수정하고 싶습니다.]]> https://www.cosmosfarm.com/threads/rss/document/65280 1. 정확한 제품 또는 플러그인 이름

오션 갤러리

 

2. 상세 내용

1) 모바일 썸네일 3개로 노출
@media screen and (max-width: 600px) {
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 30%; display: block; float: left; padding: 0 0 15px 0; margin: 0 2.5%; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 100%; }
}

위 코드는 모바일 썸네일이 두개로 노출되는데 모바일 노출을 3개로 하고 싶습니다. 코드를 어떻게 수정하면 될까요?

현재 이코드를 넣으면 우측에 하나정도 자리가 빈 여백으로 두개씩 노출되네요

2) 두개의 오션갤러리 게시판 PC와 모바일 노출을 동일하게 설정하고 싶은데 현재 코드 찾아서 넣어보니 두번째 게시판은 약간 이상하게 적용이 되고 있네요, 두개의 게시판을 같은 형식으로 노출하고 싶습니다. 
PC 6개, 모바일 3개

 

3. 확인 가능한 상세 페이지 주소
https://biteps.co.kr/%EC%98%A8%EB%9D%BC%EC%9D%B8%EB%82%A9%EA%B3%A8%EC%8B%A0%EC%B2%AD/ (게시판1)
https://biteps.co.kr/%EC%98%A8%EB%9D%BC%EC%9D%B8%EB%82%A9%EA%B3%A8%EC%8B%A0%EC%B2%AD/ (게시판2)

 

4. 수정한 코드 내역 (있다면)

css 추가 내역

#kboard-default-list .kboard-list table td.kboard-list-date { display: none; }
#kboard-default-list .kboard-list table td.kboard-list-user { display: none; }
#kboard-default-list .kboard-list table td.kboard-list-vote { display: none; }

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 12%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 115%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 155px; height: 150px; }
#kboard-ocean-gallery-list .kboard-list .kboard-no-image { height: 200px; }
@media screen and (max-width: 600px) {
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 30%; display: block; float: left; padding: 0 0 15px 0; margin: 0 2.5%; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 100%; }
}

 

]]> Copyright 2026, 코스모스팜 <![CDATA[안녕하세요~^^ 아래 처럼 코드를 수정 해보시겠어요? 모바일 @media screen and (max-width: 600px)...]]> https://www.cosmosfarm.com/threads/document/65281 안녕하세요~^^

아래 처럼 코드를 수정 해보시겠어요?

모바일

@media screen and (max-width: 600px) {
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 28%; display: block; float: left; padding: 0 0 15px 0; margin: 0 2.5%; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 100%; }
}

두개의 게시판 숏코드가 각 페이지에 맞게 잘 설정되어있는지 확인해보시겠어요?

제대로 잘 설정하셨다면 정확한 원인을 파악하기 위해 디버그 모드를 활성화해서

어떤 오류 메시지가 표시되는지 확인해보셔야 할 듯합니다.

디버그 모드 활성화 방법은 아래의 링크를 참고해보세요.

워드프레스 에러 확인하기 - 디버그 모드 활성화 방법

 

오류 메시지가 표시되지 않는다면 잠시 다른 테마로 바꿔서 확인해보시고

다른 플러그인을 비활성화하신 후에도 확인해보셔야 할 듯합니다.

고맙습니다.

 

]]> 스레드봇 Thu, 27 Jul 2023 04:23:33 +0000 KBoard