Code Highlighter 마이너 버그패치

블로그팁 : Code Highlighter 더 쉽게 사용하기에 올렸던 내용의 마이너 버그패치입니다.


일부 테마에서 Code Highlighter가 약간 깨진다는 보고가 있었습니다.
(Butterfly (Purple) ver.1.0 에서 확인했습니다)
하지만, 좀 바빠서(라고 쓰고는 게을러서라고 읽는다) 손을 대지 못하고 있었는데, 오늘 수정하게 되어 올립니다.

사용자 삽입 이미지

이게 뭥미~


스킨의 css스타일과 SyntaxHighlighter.css의 css스타일이 충돌이 난 것이 원인인데요, 이럴 땐 그저 만병통치약 !important가 짱입니다.

.dp-highlighter ol li span에서 padding!important를 추가했습니다.
아래와 같이 말이죠.

.dp-highlighter ol li span 
{
 margin: 0;
 padding: 0!important;
 border: none!;
}


이것만 수정하면 아래와 같이 정상적으로 출력되는 모습을 볼 수 있습니다.

사용자 삽입 이미지

짜잔~


적용하실 때는 아래 파일을 다운받아 압축을 푼 후 스킨→직접올리기에서 업로드하면 됩니다.