WPプラグイン syntaxhighlihter 開始位置が1行ずれて見えることへの対応

WordPressにソースコードを表示させる際のプラグイン”syntaxhighlihter”を使用していますが、1行ずれたように表示されるので、調べてみるとBootstrapを利用したテーマを利用しているとclassが競合していることが判明。

下記のスタイルをWPのテーマのstyle.cssの最後に滑り込ませて回避しました。

/* syntaxhighlihter-Bootstrapテーマ時の調整 */
.syntaxhighlighter .container:before,
.syntaxhighlighter .container:after {
    display: block;
}
  • このエントリーをはてなブックマークに追加
スポンサーリンク
スポンサーリンク