블로그

[티스토리] 블로그 오디세이(Odyssey) 스킨 줄 간격 조절하는 방법 - Tistory

AddPlus 2022. 11. 6. 00:01

[티스토리] 블로그 오디세이(Odyssey) 스킨 줄 간격 조절하는 방법 - Tistory

썸네일

티스토리 오디세이(Odyssey) 반응형 스킨에서 줄 간격조절을 조절하는 방법에 대해 알아보도록 하겠습니다.

2022.09.09 - [블로그] - [티스토리] 블로그에 유튜브 동영상 올리는 2가지 방법 - Tistory

반응형
 

[티스토리] 블로그에 유튜브 동영상 올리는 2가지 방법 - Tistory

[티스토리] 블로그에 유튜브 동영상 올리는 2가지 방법 - Tistory 티스토리 블로그를 포스팅하다 보면 언젠간 한번 정도는 유튜브 동영상을 블로그 안에서 보여주고 싶을 때가 있습니다. 티

addplus.tistory.com

2021.05.26 - [블로그] - [블로그] 티스토리 오디세이 스킨 폰트(사이즈) 크기 변경하기 - h1, h2, h3, h4 태그

 

[블로그] 티스토리 오디세이 스킨 폰트(사이즈) 크기 변경하기 - h1, h2, h3, h4 태그

[블로그] 티스토리 오디세이 스킨 폰트(사이즈) 크기 변경하기 - h1, h2, h3, h4 태그 [블로그] 티스토리 포스팅 본문 폰트(사이즈) 변경하기 (tistory.com) [블로그] 티스토리 포스팅 본문 폰트(사이즈)

addplus.tistory.com


 

1. 블로그 관리 홈 → 꾸미기 → 스킨 편집

스킨 편집


 

2. html 편집

html 편집


 

3. CSS

CSS


 

4. 줄 간격 사이즈 조절

  - CSS에서 [ Ctrl ] + [ F ] 찾기 기능을 통해 'article-view p' 검색

 ① 3621번째 줄

  line-height  → PC에서 보이는 부분

 

 ② 3629번째 줄

  line-height   모바일에서 보이는 부분

 

사이즈를 변경하셨다면 꼭 [적용]을 눌러주시기 바랍니다.

티스토리 줄 간격 조절


[✓] 체크 사항

 

CSS에서 모바일 줄 간격 사이즈를 변경하고, 모바일 화면에서 변경된 줄 간격을 보이게 하려면 [ 모바일 꾸미기 설정 ]에서 꼭 티스토리 모바일 웹 자동 연결을 '사용하지 않습니다.'로 설정되어 있어야 합니다.

그렇지 않으면, 오디세이(Odyssey) 스킨반응형 스킨이라 자동으로 모바일에 맞춰지기 때문에 CSS에서 수정한 줄 간격 사이즈가 적용되지 않습니다.

모바일
모바일 웹 설정

 

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

 

반응형