[티스토리 스킨 만들기] 반응형 2 블로그 제목, 닉네임 CSS 크기, 굵기바꾸기

 

전에 프로필 이미지 크기와 모양을 바꿔봤었죠

 

굉장히 맘에 듭니다.

 

이제 블로그 이름과 제 닉네임의 CSS를 바꿔보려고 합니다.

 

 

먼저 블로그 이름과 위에 바를 살짝 손봤습니다.

 

 

HTML 편집 -> CSS로 이동하여 이 부분을 손봐주시면 됩니다.

 

먼저 이름 위의 바는 

 

.area_head .area_profile:before{display:block;width:55px;height:2px;margin:0 auto 23px;background-color:#fff;content:''}

 

이 부분을 수정하시면 됩니다.

 

저는 width를 약간 넓혔습니다.

 

그리고 블로그 이름은

 

.area_head .area_profile .link_post{font-weight:400;font-size:38px;line-height:50px;color:#fff; text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box}

 

이 부분에서 먼저 font-weight를 수정하여 굵기를 수정했고 font-size를 조금 수정하여 조금 줄였습니다.

 

 

이제 이 부분이 아래 닉네임 CSS인데 opacity를 약간 높여서 색상을 약간 수정했습니다.

 

또한 margin:44px auto;를 추가해서 프로필 이미지에서 조금 떨어트려놨습니다.

 

그러니 보기 좋더라고요.

 

 

font-family 같은 거 추가하면 글꼴도 바꿀 수 있으니 하실 분들은 하시길 바랍니다!