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】ブログのコメント欄でアバター画像を表示する方法。ブロガーさんは必須やで

    Wordpressで作られた自分や他人のブログのコメント欄にアバター画…

  2. WordPress

    【WordPressプラグイン】WordPress Visual Icon Fontsを入れるとアイ…

    いろいろなマークのアイコンって便利ですよね!ただ、いざWo…

  3. WordPress

    【WordPress】プラグインでメニューにアイコンを表示する方法

    WordPressのメニューといえば、上部に表示されているグローバルメ…

  4. WordPress

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

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

コメント

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

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

最近の記事

Twitter

  1. WordPress

    【WordPressプラグイン】ブロガー必須! 高品質なライセンスフリーの写真を…
  2. 未分類

    佐賀の老舗喫茶店「カフェ・ドンキホーテ」が火事で全焼していた。現在再建中?
  3. デジタル機器

    デュアルモニター使いなSEなら買うべし!トラックボールが激しく便利だった
  4. Slack

    【Slack】サイドバーメニューの背景色を変更する方法
  5. スマートフォングッズ

    世界中で大人気なWD社製のパーソナルクラウドストレージ「WD Cloud」が日本…
PAGE TOP