Tistory
[CSS] 티스토리 코드블럭 여백, 테두리 없애기 : pre / !important
어느 순간부터 다음 사진처럼 코드블럭에 흰색 여백과 함께 테두리가 함께 생겼는데 거슬려하다 오늘에서야 해결방법을 찾아 없앴습니다 아래 코드블럭 보이시죠? 테두리를 없앴습니다 제가 해냈습니다 1. 해결 과정 바로 해결 방법만 보고 싶은 분들은 2.해결방법 으로 이동하세요 과정은 그저 제 기록용 1.1 코드블럭 Styles 확인 F12 키를 눌러 개발자 모드를 켠 후, 커서 모양을 누르고 코드블럭 근처로 마우스를 가까이 두면 해당 부분에 대한 html 코드가 하이라이팅됩니다 pre 태그가 붙은 부분을 클릭하면 테두리 영역과 관련된 Styles도 확인할 수 있습니다 1.2 테두리 영역에 해당하는 라인 찾기 padding, border를 위주로 체크를 해제해보며, 어떤 부분을 수정해야 코드블럭 테두리를 없앨 수..
[Tistory] 티스토리 코드블록 폰트 변경
티스토리 커스텀 스킨을 적용해서인지 구글링하여 나오는 방법으로 코드블록 폰트 변경이 안됩니다... 그래서 찾은 간단한 방법입니다! 스킨 편집에서 HTML과 CSS 파일에 간단한 코드만을 추가하여 코드블록 폰트를 변경할 수 있습니다 Google Fonts 기본 폰트 이외에 다른 폰트를 구글 폰트에서 골랐습니다! fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com Google Fonts 코드 복사 1. Google Fonts에서 폰트 선택 저는 Roboto Mono를 선택했습니다! 2. 원하는 굵기, 타입의 스타일 선택 3. link에서 첫번째 코드..