친효스킨 코드블럭 줄 간격 줄이기

친효스킨 코드블럭 줄 간격 줄이기

 

친효스킨을 사용 중입니다.

그런데 코드블럭을 사용하면 아래처럼 줄간 간격이 너무 떨어져 있어 보기 안 좋습니다.

그래서 스킨을 편집하여 이것저것 수정해 보고 추가해 봤는데 아래 방법을 사용하면 

코드블럭 에서의 줄간 간격을 줄일 수 있습니다.

 

코드블럭 줄간격 줄이는 방법

티스토리 관리자 화면에서 스킨편집 으로 들어가 html 편집을 선택합니다.

아래와 같은 화면이 나오면 CSS 탭을 선택하고 Ctrl+F 로 검색창을 열고

.article pre > code 를 입력해 검색합니다.

검색하여 이동되면 아래 내용을 추가합니다.

line-height: 1.3em;

추가가 완료되면 적용버튼을 눌러 적용합니다.

이제 코드블럭 부분을 확인하게 되면 아래처럼 줄 간격이 줄어든 걸 확인할 수 있습니다.

 

블로그 하시는 분들이라면 친효스킨 사용해보는걸 추천합니다. 

다만 유료입니다.

https://rgy0409.tistory.com/3119

친효스킨 다운로드 / 사용법 / 업데이트 일지