티스토리 꾸미기. 제목 글자 다 보이게 하기. 제목 글자 줄 늘리기. 오디세이 (Odyssey) 스킨

티스토리 공부 하...

(현재 스킨은

오디세이(Odyssey) 반응형 스킨)

---

본문의 제목 글자 다 보이게 하기

---

제목이 길 때,

PC에서도 모바일에서도

말줄임표가 생기면서

제목이 잘렸다.

"....."으로 나온다.

 

PC에서 본 제목 뒷부분 잘림.

스마트폰에서 본 제목 뒷부분 잘림.

CSS에서 해결했다.

 

설정에 들어간다.

 

꾸미기의 [스킨편집]에 들어간다

 

html 편집에 들어간다.

 

CSS를 고른다.

 

오디세이 (Odyssey)

반응형 스킨에서

2776째줄

.article-header .title-article

아래에 있는 -webkit-line-clamp: 2;의

숫자 2를 바꾼다.

제목 줄이 2줄이라는 뜻이므로

원하는 줄수로 바꾼다.

 

내 포스팅의 제목 줄이

다섯 줄은 거뜬히 넘어가는

글이 있어서

아주 넉넉히 8줄로 했다.

 

결과 PC에서 보이는 제목

결과 스마트폰에서 보인은 제목

결과,

PC에서도 스마트폰에서도

제목이....으로 줄어들지 않고

글자가 다 보였다.

 

---

홈화면의 제목 글씨 다 보이게 만들기

---

홈화면에서도 제목이...으로

줄어서 잘렸다.

홈화면의 제목이

한줄밖에 안보였다.

(현재 홈 설정은 베이직 타입이다)

 

나의 오디세이 스킨의 현재 홈 설정은 [베이직 타입]이다.

 

스마트폰의 홈에서 본 제목. 제목 뒤가 말줄임표로 잘린다. 한 줄밖에 안된다.

 

PC의 홈에서 본 제목 역시 제목 뒤가 말줄임표로 잘린다. 한 줄밖에 안된다.

PC와 스마트폰에서 보면

제목도 다 안보이고

스마트폰에서는 한 줄밖에 안보였다.

 

해결.

 

medial query - mobile 있는 곳이다.

2281째 줄의

-webkit-line-clamp: 1;의

숫자를 바꾼다.

1줄로 설정되어 있으므로

그 이상으로 바꾼다.

 

넉넉히 8로 바꿔서

8줄로 바꿨다.

제목이 긴 글이 있어서..

 

스마트폰 홈화면에서 본 제목. 제목 글씨가 다 보인다.

PC의 홈화면에서도 제목의 글씨가 다 보인다. 한 줄 이상으로 늘어났다.

티스토리 만질 것이 많구먼....