티스토리 코드블럭 [ 코드블럭 테두리 없애기 ] ‼‼🍀

 

티스토리에 코드를 올리면서 항상 거슬렸던 거!!!

바로 코드 블록으로 코드를 올리고 나면 사진처럼 코드 주변에 테두리가 생긴다는 것...

코드가 한두 개면 괜찮은데 여러 개 작성하니까 진짜 안 거슬릴 수가 없어서 없애보기로 결정!!

 

html이랑 css를 잘할 줄은 모르지만 분명 margin이나 padding값 때문에 저럴 것이라고 생각하고 html편집기에 들어갔는데 아무리 찾아도 코드에 관련된 내용은 안보였다....(내가 잘 못해서 그러는 건 맞다ㅠㅠ)

 

구글에 검색도 해보고 따라도 해봤지만 전혀 적용이 되지 않았고 (검색해도 잘 안 나옴 😥 나 같은 경우가 별로 없나,,,) 겨우겨우 이것저것 하다가 조오금..? 해결했다!

 

블로그 설정에서 꾸미기 👉 스킨 편집에 들어간다.

 

html 편집  👉 css 편집에 들어간다.

 

적당한 곳에  아래의 margin  코드를 넣어준다.

code {
	/* background-color : black !important;*/
	margin : -1.13rem;
    /* font-family: "Hack", "Sans Mono", "Courier";*/
    /* font-size: 0.9rem;*/
}

아무리 0으로 해도 줄어들 기미가 안보이길래 -(마이너스)로 설정했더니 줄어들었다!!

 

짜라란ㅠㅠ 

저 사이즈는 margin 값에 따라 적당히 조절하면 될 것 같다!!

 

코드는 그냥 앞쪽에 아무 곳에 넣었다.

 

 

이제 거슬리는 걱정은 안 해도 되겠다 (*ˊᵕˋo💐o)

 

✖️ 아예 없애는 방법을 찾았다!

 

스킨편집에 들어가서 CSS에 "article-view pre"를 찾고 거기에 있는 padding을 0으로 바꿔주거나 없애주면 된다 ㅎㅎ