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のSimplicityテーマを簡単安全にバージョンアップする…

    ここ最近ちまたで話題になっている、SEO対策がバッチリ施されたWord…

  2. WordPress

    さくらインターネットのレンタルサーバーで通信の圧縮(mod_deflate)を利用する方法

    さくらインターネットのレンタルサーバーで、ブログ(Wordpress等…

  3. WordPress

    【WordPress】ブログのコメント欄でアバター画像を表示する方法。ブロガーさんは必須やで

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

コメント

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

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

最近の記事

Twitter

  1. iPhone

    【要注意!!】iPhoneからメールを送ると「連絡先に登録している名前」が相手に…
  2. 佐賀の話題

    佐賀に来たらここは食っとけ!北方 井手ちゃんぽん兵庫店でてんこ盛りちゃんぽんを食…
  3. LINE

    LINEの既読に表示されている時間は相手が読んだ時間じゃなくて自分が送った時間
  4. 新生銀行

    新生銀行がローソンATMとファミリーマートATMの取り扱いを開始。手数料無料に対…
  5. LINE

    【拡張機能】PCブラウザのChromeだけでLINEができるようになった
PAGE TOP