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 Visual Icon Fontsを入れるとアイ…

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

  2. WordPress

    さくらインターネットでWordPressのSimplicityテーマを簡単安全にバージョンアップする…

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

  3. WordPress

    WordPressのSharebarにPocketのボタンを追加する方法

    ちょっと「後で読みたい」と思ったサイトを簡単に登録してくれるPocke…

コメント

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

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

最近の記事

Twitter

  1. au

    auで今の支払い方法や利用しているクレカを確認する方法
  2. Livedoorブログ

    【ライブドアブログ】アップロードした画像が粗くなるのは初期設定が原因
  3. Amazon

    Amazon Echoに新しい端末をBluetoothでペアリングする方法
  4. ソフトウェア

    Visual Studio Codeに簡単に配色テーマを追加する方法
  5. 赤ちゃん向けアイテム

    【購入レビュー】赤ちゃん用電動鼻水吸い取り機のベビースマイルS-302。オススメ…
PAGE TOP