[CSS] 티스토리 Odyssey 스킨, 블로그 제목 크기 조정하기

현재 Tistory에서 기본적으로 제공하는 스킨인 Odyssey를 사용하고 있지만 추가적인 부분은 내가 꾸며야 한다.

 

오늘은 블로그 이름이 길어서 컴퓨터에서 축약되어 보이는 현상을 해결해 보려고 한다. 

 

다음은 컴퓨터에서 보는 내 블로그 이름이다. Whatever floats your boat는 "너가 하고싶은대로 해"라는 의미인데 boat 단어가 잘려서 나오게 된다. 

축약되어 보이는 블로그이름

먼저 블로그 이름이 어떤 CSS 속성으로 적용되는지 찾아보려고 한다.

 

먼저 수정하려는 자신의 블로그에 들어가 마우스 오른쪽 버튼을 클릭한다. 맨 마지막 행을 보면 "검사"라는 버튼이 나오며 그것을 클릭한다. (아래 그림의 빨간색 표시)

 

검사를 누르면 오른쪽에 복잡한 코드를 포함하는 창이 나오게 될것이다. 

 

그럼 새롭게 생성된 창에서 왼쪽 위의 버튼을 클릭한다 (아래의 빨간색 네모로 되어있는 부분 클릭). 

 

이제 마우스 커서를 이용해 우리가 바꾸려는 블로그 제목 부분에 올려놓으면 link_logo라는 이름으로 속성이 적용된 것을 알 수 있다. 

 

 

 

link_logo를 기억해놓고 티스토리 블로그의 "스킨 편집"에 들어간다.

 

HTML이 아니라 CSS 부분으로 바꿔 link_logo를 검색하면 다음과 같이 찾을 수 있다. 

 

 

이 속성의 max-width를 300px로 바꾼다. (이 값은 각자의 상황에 맞게)

 

최종적으로 적용하면 예쁘게 블로그 제목이 나오는 것을 알 수 있다.