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

    WordPressテーマのMAGで最終更新日を表示する方法

    このブログのテーマでも利用しているWordPressテーマのMAG(T…

  3. WordPress

    WordPressのテーマをSimplicity 1から2にバージョンアップしたお話し

    このスキコミでも便利に使わせてもらっているWordPressテ…

  4. WordPress

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

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

コメント

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

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

最近の記事

Twitter

  1. ロジクール ミニブームボックス レッド TS500

    未分類

    高音質のワイヤレススピーカーでiPhoneから通話もできる。Logicool M…
  2. ネタ

    意外と便利!調味料を揃えるなら身近なダイソーがすごかった
  3. iPhoneアプリ

    【オシラセ! 】テレビ放映される映画情報を簡単にチェックできて通知もしてくれるi…
  4. LINE

    LINEシアタータウンでAPが足りないと嘆く初心者はまず服と小物を買おう。APを…
  5. Webサービス

    危険? WunderlistのToDoリストはURLさえ知っていれば誰からも見ら…
PAGE TOP