SyntaxHighlighterのデザインを修正したのでメモ

WordpressのプラグインのSyntaxHighlighterはコードをハイライト表示してくれる非常に便利なツールなんだけど、一点気になるところがある!
そんな気になるところを修正したのでメモ。

一行目隙間なさすぎ!

macにMySQLを入れたのでメモ – sawara.me 2014-05-07 23-04-11 2014-05-07 23-04-14

上記は過去の投稿のキャプチャなんだけど、一行目に隙間がなさすぎて気になる!

ということで下記CSSファイルに、

/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css

下記行追加!

.syntaxhighlighter table td.code .line.index0 {
	padding: 0.3em 1em 0 !important;
}
.syntaxhighlighter table td.gutter .line.index0 {
	padding: 0.3em 0.5em 0 1em !important;
}
.syntaxhighlighter.nogutter td.code .line.line.index0 {
	padding: 0.3em 0em 0 !important;
}

コメントを残す