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

    Can’t open file: ‘テーブル.MYI’という絶望…

    このようなブログなどを運用していると、ときどき技術的な問題にぶち当たる…

  2. WordPress

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

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

  3. WordPress

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

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

コメント

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

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

最近の記事

Twitter

  1. Trello

    【2019年版】Trelloで自分が担当しているカードだけを表示する方法
  2. ネタ

    知ってるよう知らない間取りの名称。1LDKと1DKの違いを説明できるか?
  3. おすすめアイテム

    パナソニック製テレビを買うとスマホから録画番組を管理できてヒジョーに便利だった
  4. 話題のネタ

    これが最後のあぶデカ復活!10年ぶりに「あぶない刑事」が映画化に
  5. iPhone

    佐賀でiPhoneの修理をするならカメラのキタムラへ。【Web予約が重要】
PAGE TOP