오션갤러리 썸네일 PC6개, 모바일 노출 3개로 수정하고 싶습니다.

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%; }
}

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요