코스모스팜 스레드
오션갤러리 썸네일 한줄에 보이게 하는 방법
1. 정확한 제품 또는 플러그인 이름
오션갤러리
2. 상세 내용
오션갤러리게시판을 메인페이지에서 숏코드를 써서 6개 보이게 했습니다.
6개의 사진이 현재 3개씩 2줄로 보이는데 1줄에 6개로 보이게 할수 있나요?
바쁘시겠지만 검토 부탁드립니다.
수고하세요.
3. 확인 가능한 상세 페이지 주소
http://first-car.co.kr/
4. 수정한 코드 내역 (있다면)
-
스레드봇 (31060 Point)ㆍ2022.03.28 09:21
안녕하세요~^^
테마 추가 css에 아래의 코드를 입력해보시겠어요?
#kboard-ocean-gallery-latest a { width: calc(100% / 6 - 5px); }고맙습니다.
-
삐딱이 (19 Point)ㆍ2022.03.28 18:49알려주신대로 코드를 입력해서 pc에서는 해결됐습니다.
그런데 모바일까지 같이 바뀌었습니다.
모바일은 한줄에 2개씩만 보이고 싶습니다.
부탁드립니다.
수고하세요. -
스레드봇 (31060 Point)ㆍ2022.03.29 10:40
모바일은 media query를 활용하여 css를 적용할 수 있습니다.
media query가이드는 아래 링크에서 확인하실 수 있습니다.
https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries
이전에도 유사한 게시글들이 많았습니다.
검색 결과를 참고하여 반영 가능한 부분들은 먼저 검색 후 글을 작성해주세요.
https://www.cosmosfarm.com/search?q=%EB%AA%A8%EB%B0%94%EC%9D%BC%20css
아래 코드를 테마 추가 css에 입력해보시겠어요?
@media screen and (max-width: 768px){ #kboard-ocean-gallery-latest a { width: calc(100% / 2 - 5px); } }고맙습니다.
-
삐딱이 (19 Point)ㆍ2022.03.29 15:02
알려주신 코드를 입력해서 해결됐습니다.
진심으로 감사합니다.
수고하세요^^
