[티스토리] 썸네일 정사각형으로 만드는 방법(feat.Odyssey 오디세이 스킨)

[티스토리] 썸네일 정사각형으로 만드는 방법(feat.Odyssey 오디세이 스킨)

 

※ 해당 방법은 티스토리 스킨에 따라 다릅니다. 이 방법은 오디세이 스킨(Odyssey)만 해당됩니다.

 

참고로 티스토리 오디세이 스킨(Odyssey)은 2020년 9월 9일 출시된 기본 스킨입니다.

 

자, 그럼 티스토리 블로그 관리 -> 꾸미기에서 스킨 편집 -> html 편집 -> CSS

 

 

블로그 관리

스킨 편집

반응형

html편집

CSS

 

 

1. css에서 2458, 2459줄을 80px -> 100px로 변경

80px -> 100px로 변경

 

2. css에서 2162줄을 display: none;  -> /* display: none; */ 추가하여 변경(주석처리)

 

 앞뒤로 /* display: none; */ 주석 처리 (글자 색깔이 주황색으로 바뀜)

 

앞뒤에  /*  */  추가

 

3. css의 제일 마지막 줄에 다음 코드를 복사 붙여 넣는다.

 

.link-article>.thumbnail{
 background-image:none !important;
}

.img-thumbnail {
 width:125px !important;
 height:125px !important;
 margin-left:20px;
}

@media (min-width: 320px) and (max-width: 767px) {
 .img-thumbnail {
  width:100px !important;
  height:100px !important;
  margin-left:0px;
  }
}

 

 

CSS 제일 마지막줄에 추가

 

 

 

저에게도 소중한 시간을 내서 작성한 포스팅입니다.
조금이라도 정보가 도움이 되셨다면 공감 부탁드립니다.
공감은 포스팅에 큰 힘이 됩니다.