안녕하세요. 퍼스트컨텐츠몰 사용중에 문의드립니다.
현재 쇼핑몰처럼 이용하려는 중인데 썸네일 사진이 너무 크게 나와서 내용물 확인이 잘 되지 않습니다.
style.css에서 background-image: cover부분을 contain으로도 바꿔보고
getThumbnail도 수정해봤는데
아무 변화가 없습니다.
도와주시면 정말 감사드리겠습니다!
https://imgur.com/undefined
안녕하세요~^^
퍼스트컨텐츠몰 갤러리 모드의 썸네일 크기를 조정하시고 싶으신건가요?
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 를 같이해주니까 되네요 감사드립니다