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

    Batch Cat : WordPressでカテゴリーの一括変更を超簡単にできるプラグイン

    ちょっとWordpressで不要なカテゴリーが増えてきたなぁ と感じて…

  2. WordPress

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

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

コメント

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

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

最近の記事

Twitter

  1. ネタ

    Googleがロゴマークのデザインを刷新。過去を振り返る動画も公開
  2. 気になるアイテム

    思い出のフィルム写真を永久保存。5,980円で買えるサンワサプライのフィルムスキ…
  3. インターネット関連のニュース

    15年、お疲れさま。Yahoo!ブックマークが2016年2月末でいよいよサービス…
  4. Microsoft

    Microsoftが提供している無料のメール「Outlook.com」に新規登録…
  5. Tips

    Vostro 460のWindows 7をWake On LAN経由で再起動でき…
PAGE TOP