WordPress

  (最終更新日:2015.10.28)

【WordPress】SyntaxHighlighter Evolvedで上下に余白を入れる方法

WordPressのありがたプラグイン《SyntaxHighlighter Evolved》で、上下の余白(マージン)を変更する方法のメモです。

2015-10-28_13h34_56

プラグインのCSSファイルを直接いじるのでやや面倒ですが頑張ってください。(投げやり)

修正するのはプラグインのスタイルシートファイル《shCore.css》になります。

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

上下の余白を変更したい場合は クラスsyntaxhighlighter の箇所を修正。

.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;  ←  1em を例えば 2em に増やしてみる
  position: relative !important;
  overflow: auto !important;
  overflow-y: hidden !important;
  font-size: 1em !important;
}

これで完了です。

関連記事

  1. WordPress

    [解決策] WordPressでプラグインをアップデートしたらsyntax errorが表示されるよ…

    Wordpressの管理画面からプラグインのアップデートをポチッとされ…

  2. WordPress

    Simplicityを1.7にしたらタイトルが表示されなくなった事件の顛末

    シンプルビューティー(ビューティーは違うような気もする‥)で人気急上昇…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

Twitter

  1. ネタ

    忘れず実行!余った年賀はがきは1枚5円で普通はがきに交換してもらう
  2. 九州の観光スポット

    熊本でバンジージャンプが1年を通して楽しめるようになるぞ!
  3. Chrome

    ワイドモニターに便利!Chromeの画面サイズをワンクリックで変更できるプラグイ…
  4. 気になるアイテム

    自宅の玄関に簡単に設置できる宅配ボックスが五千円未満でサンワサプライから発売!
  5. LINE

    【LINE Play】公式アバターを訪問すると一日で1800ジェムが稼げる事を今…
PAGE TOP