본문 바로가기 메뉴 바로가기
미라클
프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

미라클

검색하기 폼
  • 분류 전체보기 (23)
    • 티스토리 (23)
  • 방명록

Letter 스킨 본문 요약 (1)
티스토리 Letter 스킨 본문 요약 내용 늘리기

안녕하세요. 이번 포스팅에서는 Letter 스킨 메인 화면에서 포스팅 요약 내용을 더 많이 표시될 수 있도록 늘려보겠습니다. 티스토리 메인 페이지에서 본문 요약 내용은 위의 그림처럼 2줄로 표시되도록 기본값이 설정되어 있습니다. 개인 취향에 따라 요약 내용을 더 늘리고 싶은 경우에 CSS 속성을 어떻게 편집하는지 알아보겠습니다. 먼저 크롬 개발자 도구를 실행시킵니다. 선택 도구를 사용하여 내용 요약 부분을 선택합니다. 개발자 도구의 CSS 창을 보면 CSS 속성 1128행부터 해당 속성이 시작됨을 알 수 있습니다. 여기서 편집해야 할 부분은 max-height와 -webkit-line-clamp 속성 값입니다. 개발자 도구 CSS 창에서 -webkit-line-clamp 값을 3으로 바꿉니다. 즉 포스팅..

티스토리 2020. 8. 20. 17:09
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바