블로그 첫 페이지 썸네일 이미지 크기 통일

이 블로그는 현재 Hueman 테마가 적용되어 있다. 몇개를 빼고는 모두 외부에 올려둔 이미지를 불러 사용중인 까닭에 블로그 첫 페이지 썸네일 이미지 크기가 모두 들쭉날쭉이었다. 개별 글 하단에 나타나는 젯팩 추천글 이미지는 일정한데 그 이유나 해결책을 알 수 없어 고민이었다.

모바일 화면이 중간부터 나오는 문제와 함께 테마를 잠깐 바꿔보게 했던 이유였다.

블로그 첫 페이지 썸네일 이미지 크기를 통일하는 문제는 워드 님의 도움으로 해결할 수 있었다.

블로그 첫 페이지 썸네일 이미지 크기 통일 1
블로그 첫 페이지 썸네일 이미지 크기 통일 2

지금은 위 사진에서 보는 것 처럼 사진의 세로 길이에 상관 없이 모두 고르게 나타나고 있다. 이렇게 만들기 위해서 사용자 정의하기>Advanced options>추가 CSS로 들어가 다음과 같이 넣었다.
.post-thumbnail img {
object-fit: cover;
height: 250px !important;
}

2 thoughts on “블로그 첫 페이지 썸네일 이미지 크기 통일”

    • 고맙습니다. 한결 보기 좋아졌다니 다행이에요. ^^
      바로 어제 저녁에 본문 보기에서 사이드 바를 오른쪽으로 옮겼어요. 그걸 또 깨알 같이 잡아내셨네요. 눈썰미 정말 좋으시군요! ㅎㅎ

      응답

반갑습니다. 댓글 고맙습니다.

%d 블로거가 이것을 좋아합니다: