본문 바로가기

CSS

article-rep-thumbnail F12 개발자 도구, 블로그 스킨 편집 CSS 위치 찾기 이전 포스팅에서 티스토리 블로그 WHATEVER 스킨 편집, 블로그 이름(타이틀) 글꼴 폰트 변경하기, 섬네일 리스트 2 글 '더보기' 색상 변경에 대해서 알아봤었는데요. 스킨을 수정할 때 색상, 글꼴 크기, 굵기, 여백 조정 등은 CSS 코드를 잘 알지 못해도 위치만 찾아내면 비교적 쉽게 할 수 있어요. 처음에는 이 코드들이 복잡하게 보여도 보면 볼수록 단순한 구조라는 걸 알 수 있어요. 개발자 도구를 이용해서 스킨 편집 CSS 코드를 쉽게 찾을 수 있는데, 이게 습관이 안 되어 있어서 알면서도 이때까지 별로 활용은 하지 않았어요. 이 부분 꼭 수정은 하고 싶은데, 대체 CSS에서 코드 위치가 어딘지 몰라서 한참을 헤매고 헤맨 적 있으실 거예요. F12 개발자도구 이용해서 쉽게 CSS 코드 위치를 찾아.. 2019. 5. 30.
article-rep-thumbnail 티스토리 WHATEVER 스킨 수정, 글 "더보기" 색상 변경하기 지난 포스팅에 이어 티스토리 블로그 WHATEVER 스킨 수정 계속 해볼게요. 글 "더보기" 글자 색상 변경과 마우스 커서를 올렸을 때 바뀌는 폰트 색상 변경하는 방법에 대해서 알아보겠습니다. WHATEVER 스킨의 커버는 슬라이더, 섬네일 리스트 1, 섬네일 리스트 2, 스페셜 콘텐츠, 와이드 패널이 있는데요. 저는 현재 슬라이더, 섬네일 리스트 2 두 가지를 사용 중입니다. 둘 다 "더 보기" 글자가 들어가는데, 이 폰트 색상이 연하고, 글꼴 크기가 작아서 수정하는 경우가 많은 것 같아요. 더보기 글자를 클릭할 수도 있지만, 대부분은 섬네일을 클릭하고 들어가는 경우가 많을 것 같아서 저는 별다른 수정 없이 그대로 사용하고 있습니다. 댓글로 문의하신 분이 계셔서 이 부분 색상 수정하는 방법을 알려드릴게.. 2019. 5. 30.