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テーマのMAGで最終更新日を表示する方法

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

  2. WordPress

    【WordPress】Markdown記法で投稿を楽々入力する方法

    どうも。自分のノウハウはMarkdownを使って esa.io にガシ…

  3. WordPress

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

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

  4. WordPress

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

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

  5. WordPress

    【WordPress】Simple Image Sizesのアップデート後にsyntax error…

    WordPressのプラグイン『Simple Image Sizes』…

  6. WordPress

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

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

コメント

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

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

最近の記事

Twitter

  1. jQuery

    Quicksearch:複数キーワードでテーブルのインクリメント検索もできるjQ…
  2. Evernote

    iPhoneのEvernoteを使って家族と特定のノートブックを『共有』する方法…
  3. ライフハック

    リンスの使い方、洗い方。大切なのは髪に練りこむ事
  4. iPhone

    oekakigram:お絵描きを共有して楽しめるInstagram風アプリが超楽…
  5. デジタル機器

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