2013년 9월 23일 월요일

동적뷰 본문 줄 간 간격 설정하기


 .article .article-content {  
 line-height:1.7;  
 }  

동적뷰에서 본문 줄 간 간격을 설정해주는 코드입니다. line-height에는 원하는 값을 입력하시면 됩니다. 기본(default)으로 설정되어 있는 줄 간 간격은 1.4입니다.

코드 삽입 위치는 [대시보드 → 템플릿 → 맞춤설정 → 고급 → CSS추가] 입니다.


! 참고로, 위의 선택자(selector), 즉 '.article .article-content'로 동적뷰 본문의 폰트 크기 또한 설정이 가능합니다. 본문 폰트 크기와 줄 간 간격을 같이 설정한다면, 코드의 모습은 다음과 같은 형태가 되겠죠.

 .article .article-content {  
 line-height:1.7;  
 font-size:12px;  
 }  

지난 번에 동적뷰 본문 폰트 크기 설정 이라는 글에서 알려드린 코드를 이미 쓰고 계시다면, 해당 코드를 삭제하신 후 이 코드로 대체하시면 됩니다.

데모 보기


! 코드 적용 전 템플릿을 반드시 백업해두시기 바랍니다.
! 테스트용 블로그에서 충분한 테스트를 해본 후 사용하세요.



댓글 없음:

댓글 쓰기