썸네일을 원본으로 넣고싶어서 kboard/skin/thumbnail/list.php 에서 getThumbnail() 만든후
썸네일 게시판 목록에서 크기를 조절하고자
kboard/skin/thumbnail/style.css 에서
#kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail img { display: inline; margin: 0; width: auto; height: 120px; vertical-align: middle; max-width: 100%; }
높이값을 수정하여 썸네일 높이를120px 로 조절한 상태입니다.
그런데 스마트폰 환경에서는 적용이 안되고 원본상태로 표시되어버립니다.
kboard/skin/thumbnail/style.css @media screen and (max-width: 600px) 이쪽 아래부분을 수정해야 하는거같은데.
어디 부분을 수정해야 하는지 잘 모르겠습니다.
#kboard-thumbnail-list .kboard-list table td.kboard-list-title .kboard-thumbnail-cut-strings .kboard-mobile-contents {width:100px;} 값을주면
가로 기준은 맞는데 세로높이가 썸네일 사진 크기에 따라 뒤죽박죽이라. 높이도 맞추고싶은데 어떻게 해야할까요?
height 값을 건드리면 썸네일이 무작위로 엉켜버립니다. 어떻게 해야할까요?
해결 완료 하였습니다. 감사합니다.
안녕하세요~^^
KBoard 썸네일 게시판 스킨의 모바일 썸네일 크기를 조절하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-thumbnail-list .kboard-list .kboard-mobile-contents .contents-thumbnail{ width: 100px; height: 100px; }
위의 코드에서 픽셀 크기는 적절히 조절해보세요.
크롬 브라우저 개발자 도구(F12)를 활용하시면
CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.
고맙습니다.