안녕하세요~^^

퍼스트컨텐츠몰 갤러리 모드의 썸네일 크기를 조정하시고 싶으신건가요?

wp-content/plugins/kboard/skin/first-contents-mall/list-gallery-style.php 파일중

아래 코드를 모두 찾아서

$content->getThumbnail(500, 281)

아래 코드처럼 원하시는 크기로 적절히 조정하신 후

적용해보시겠어요?

$content->getThumbnail(가로px, 세로px)

고맙습니다.

안녕하세요 답변 감사드립니다.

답변해주신대로 한 결과 Thumbnail 크기는 그대로이고 화질의 변화만 있습니다.

F12를 눌러 Inspect를 확인해 본 결과  현재 Thumbnail에서 background-image부분이 cover로 되어있습니다.

이 부분을 contain으로 바꾸면 될것같은데 style.css나 Additional CSS에서 수정을 하여도 바뀌지 않습니다.

퍼스트 콘텐츠몰 스킨의 썸네일은 패딩으로 조절하고 있습니다.

아래 코드의 썸네일 칸 크기에 원하시는 퍼센트 숫자를 적절히 조정하여

적용 해보시겠어요? 

#kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-thumbnail-wrap { padding-bottom: 썸네일 칸 크기%; }

고맙습니다.

답변 감사드립니다

다만 썸네일 사진이 짤려서 나오는것이 아닌 contain으로 나오게 하려 합니다.

padding-bottom을 조정해봤지만 이미지 크기가 커질뿐 잘려나오는건 그대로입니다.

F12 눌러서 inspect를 확인해 본 결과

#first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child{ background-size: cover }

이 부분을 contain으로 바꿔서 css에 적용을 해봐도 화면엔 계속 cover로 나옵니다.

어떻게 해야 cover를 contain으로 수정할수있을까요?

답변 감사드립니다!

width:100% 를 같이 추가해주니까 적용됐습니다!!

그냥 background-size: contain만 하면 적용이 안됐는데 width 를 같이해주니까 되네요 감사드립니다