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

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

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

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

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

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

Buy Me a CoffeeBuy Me a Coffee
Avatar

열매맺는나무

'마음으로 믿어 의에 이르고 입으로 시인하여 구원에 이르느니라(로마서 10:10)' 고백의 기쁨을 함께 누리고자 글을 씁니다.

2 Responses

  1. Avatar 이카루스 댓글:

    한결 보기가 좋아진 것 같아요..^^
    포스팅 해서 들어와서도 사이드바가 오른쪽에 있어서 그런지 왼쪽의 글에만 집중하게 되는 듯..!!

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

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