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の有料テーマとして大御所中の大御所といえば、TCDが…

  2. WordPress

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

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

コメント

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

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

最近の記事

Twitter

  1. テレビ番組

    世界初!ダイオウイカの泳ぐ姿を捉えた映像がNHKで13日に放映へ。これは録画して…
  2. iPhoneグッズ

    アイ・オー・データがiPhone 6 Plusでも使える防水ケースを12月下旬か…
  3. WordPress

    Can’t open file: ‘テーブル.MYI&#…
  4. Thunderbird

    Thunderbird(17.0.5)をタスクトレイに最小化する方法
  5. Chrome

    『Chrome ウェブストア』以外からのChrome拡張機能のインストールができ…
PAGE TOP